x = console.log; x(456);がエラーになる理由

Question

function myfunc(a) {
    console.log(a);
}

x = myfunc;
x(123); // OK

x = console.log;
x(456); // NG  Uncaught TypeError: Illegal invocation

環境：Chrome

これはどうしてエラーになるのでしょうか？
組み込みの関数は何か特別扱いされているのでしょうか？

Answer 1

JavaScriptでメソッドを呼ぶ場合、引数以外にthisが重要となっていきます。同じ関数でも、console.log()と呼べばthisはconsoleなのに対して、いったん変数に代入してから呼ぶと、thisはwindowあるいはnullとなってしまって、正しく呼べません。

thisを決めないといけないようなメソッドを変数に入れるには、いくつかの方法があります。

//その1（原始的、引数1つだけ）
x = function(param){ return console.log(param); }

//その2（jQuery）
x = $.proxy(console.log, console);

//その3（IEは9以上）
x = console.log.bind(console);

Comments

[vc3000]

よく分かりました。ありがとうございます。

[退会済みユーザー]

横から失礼します。
大変よく分かるご回答ですが、よく分からない仕様ですね。正直Javascriptのthisはよく分からないです。