源码来袭：call、apply手写实现与应用

关于this指向可以了解我的另一篇博客：JavaScript中的this指向规则。

一、call与apply的使用

• 回顾call与apply的this指向：

var value = "window";
var obj = {
     value:"obj"
}
fonction show(){
     console.log(this.value);
}
show();//window
show.call(obj);//obj
show(null);//window

• 回顾call与apply的参数使用：

var sum1 = 1,
     sum2 = 2,
     c = 3,
     obj = {
          c:4
     }
function show(a,b){
     console.log( a + b + this.c);
}
show(sum1,sum2);//
show.call(obj,sum1,sum2);//
show.apply(obj,[sum1,sum2]);//

二、call与apply的手写实现

思路：

show.call(obj);
//代码可以被以下三行代码替代
obj.show = show;
obj.show();
delete = obj.show;

call手写实现：

 Function.prototype.MyCall = function(){
     var ctx = arguments[0] || window;
     ctx.fn = this;
     var args = [];
     for(var i = 1; i < arguments.length; i++){
         args.push(arguments[i]);
     }
     var result = eval('ctx.fn(' + args.join(",") + ')');
     delete ctx.fn;
     return result;
 }

apply手写实现：

 Function.prototype.MyApply = function(obj,arr){
     var ctx = obj || window;
     ctx.fn = this;
     arr = arr || [];
     eval('ctx.fn(' + arr.join(",") + ')');
     delete ctx.fn;
 }