源码来袭：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);//6
show.call(obj,sum1,sum2);//7
show.apply(obj,[sum1,sum2]);//7

 二、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;
}