いったい何者なのか。

Question

イベントハンドラ内でのthisが参照するオブジェクトは、イベントハンドラを設定した要素自身になります。例えば次のような記述の場合は特に問題は無いでしょう。

document.getElementById("foo").onclick=function() { /*thisは、#fooの要素*/}

しかし、次のような場合、thisとしてlibを期待するかもしれませんが、やはりthisはイベントハンドラを設定した要素になります。

var listener = function() {};
lib.handleClick = function(event) {/*thisはlib?*/};
document.getElementById("foo").onclick = lib.handleClick;

lib.handleClick内でthisとしてlibを参照したい場合は、次のように無名関数でラップして設定します。

document.getElementById("foo").onclick = function(event) {
  lib.handleClick(event);
// => lib.handleClick内でのthisはlibになる。
};

以下略

パーフェクトjavascript271-272頁より

上記の引用文自体は、理解できますが、その中にでてくるlibが何なのか良くわかりません。単純にvarをつけずに宣言した、関数の中でもグローバル変数になってしまうやつなのでしょうか。
それとも組み込み済みの関数というかオブジェクトのlib内のプロパティhandleClickに
無名関数を代入しているだけなのでしょうか。
引用文の数頁前にlibがvar付きで宣言されているのか、と思い確認してみましたがそのような内容もありませんでした。

このlibって何者なのでしょうか。

Answer 1

当然単体で実行してもエラーになりますので
どこか別のライブラリ的なものが宣言しているとおもいますよ

document.getElementById("foo").onclick=function(){}
も今風な書き方ではないですねaddEventListenerなどで
処理したほうがよいでしょう

Answer 2

引用元が分からないのでなんとも言えないのですが、恐らく後者（組み込み済みの関数というかオブジェクトのlib内のプロパティhandleClickに無名関数を代入しているだけ）と解釈しました。

varをつけずに宣言する場合、例えば lib = "a"のようなことであれば可能ですが、lib.a = "b"ということになると、libがundefinedのためaプロパティが存在せずエラーになってしまうと考えられるからです。

Comments

[aaaaaaaa]

ご回答とご指摘有難うございます。申し訳ありませんでした。修正しました。