[クイズ]javascriptと仲良くなるための一歩 第３２話「apply,call」

整理：applyとcall

function f(){ console.log(this.x); }
var obj = { x:1 }

f();          //=> undefined
f.apply(obj); //=> 1
f.call(obj);  //=> 1

var obj = {
           x:1,
           doit: function(){ console.log("Hi! " + this.x); }
          }
var obj2 = { x:2 }

obj.doit();           //=> Hi! 1
obj.doit.apply(obj2); //=> Hi! 2
obj.doit.call(obj2);  //=> Hi! 2

問題「引数の渡し方の違い」

function f(a, b){ console.log("this.x=" + this.x + ", a=" + a + ", b=" + b) }
f(1,2);                //=> this.x=undefined, a=1, b=2
f.apply(?); //=> this.x=10, a=1, b=2
f.call(?);   //=> this.x=10, a=1, b=2

答え

function f(a, b){ console.log("this.x=" + this.x + ", a=" + a + ", b=" + b) }
f(1,2);                //=> this.x=undefined, a=1, b=2
f.apply({x:10}, [1,2]); //=> this.x=10, a=1, b=2
f.call({x:10}, 1, 2);   //=> this.x=10, a=1, b=2