無名関数

Question

第二引数に関数をとりなおかつそれが無名関数なら
33行目は})();で()がいるのではないでしょうか？

無名関数は全体を()で囲いさらに()をつけ関数名を省略と習いましたが

//即時関数

(function(name) {
console.log("hello " + name);
})("Tom");
*/

リンク内容
リンク内容

Answer 1

下の方のコードのコメントに//即時関数と書いてありますが、「無名関数」と「即時関数」は別なものです。「全体を()で囲いさらに()をつけ」るのは、即時関数（作ってすぐに実行してしまう無名関数）の方です。

イベントハンドラはイベントが起きた時に実行するもので、その場で実行するわけではありませんので、無名関数をそのまま渡すのが適切です。

Comments

[goforward]

今振り返ってみるとわかりました。ありがとうございました。

Answer 2

関数と関数実行の理解が曖昧な感じですね。
addEventlistenerの使い方ですが、第二引数に関数を渡しているだけです。文字列を引数に渡すのと同じです。
それでイベントのタイミングになると、自動的に渡した関数を実行してくれます。

// 無名関数の定義
function() {
 // 処理
};

// 名前付き関数hogeの定義
function hoge() {
 // 処理
};

// hogeの実行
hoge();

// 即時実行（定義＋実行）
(function() {
 // 処理
})();

無名関数の部分を名前付き関数helloにすると、下記のようになります。
addEventListener()実行の際に、第一引数に文字列、第二引数に関数を渡しているだけなのが分かりやすいかと思います。

var hello = function(){
  var greet = document.createElement('p'),
      text = document.createTextNode('Hello world');
  document.body.appendChild(greet).appendChild(text);
};

document.getElementById('add').addEventListener('click', hello);