JavaScriptのelやeの意味

Question

前提

JavaScriptのelやeの意味がわかりません。

実現したいこと

JavaScriptのelやeの意味を理解する

発生している問題・エラーメッセージ

下記のコードのJavascriptのelやeの意味が分からない

関数が呼び出されるときに引数が指定されていないにも関わらず、関数の引数elが挙動するのは絶対おかしい。

eに関しては、定義もされてないの機能しているのは意味が分からない。

該当のソースコード

function flexTextarea(el) {
  const dummy = el.querySelector('.FlexTextarea__dummy')
  el.querySelector('.FlexTextarea__textarea').addEventListener('input', e => {
    dummy.textContent = e.target.value + '\u200b'
  })
}

document.querySelectorAll('.FlexTextarea').forEach(flexTextarea)

試したこと

自分でJavascriptのelやeについて、調べたが、有益な情報が出てこなかった。

補足情報（FW/ツールのバージョンなど）

https://qiita.com/tsmd/items/fce7bf1f65f03239eef0
↑このコードを発見したサイトです。

Comments

[otn]

> 自分でJavascriptのelやeについて、調べたが、有益な情報が出てこなかった。

e や el は、単なる変数名で、書いた人が勝手に決めた名前なので、e や el という綴り自体に意味は無いです。xxx と yyy と書いてあっても同じ。
というところから、ちゃんと勉強し直した方が良さそうです。

Answer 1

関数が呼び出されるときに引数が指定されていないにも関わらず

この前提が誤りです。forEachの処理で関数を呼び出す際に、引数を与えています。

callbackFn は次の 3 つの引数で呼び出されます。（MDNより）

Comments

[maisumakun]

> eに関しては、定義もされてないの機能しているのは意味が分からない。

e => {}というのは、function(e){}と書いたのに近い意味を持ちます（同じような引数指定です）。