call，apply 的模拟实现

1、call的模拟实现

• 完成了 this 的绑定
• 完成了参数的传递
• 若传入的是 null ，则绑定 this 为 window
• 有返回值
• 模拟的是非严格模式下的

---

Function.prototype.call2 = function(context){
    context = context || window
    context.fn = this;
    var arr=[];
    for(var i=1;i

• 使用扩展运算符... 即 var result = context.fn(...arr);
• 扩展运算符是 ES6 中才有的，es5 中使用 var result = eval('context.fn(' + args +')');会把 args 数组解析开
• 了解eval() 函数，该函数就是用JavaScript的解析引擎来解析传入字符串里面的内容

---

apply 模拟实现

• 模拟的是严格模式下的

Function.prototype.apply = function (context, arr) {
    var context = Object(context) || window;
    context.fn = this;
    var result;
    if (!arr) {
        result = context.fn();
    }
    else {
        var args = [];
        for (var i = 0, len = arr.length; i < len; i++) {
            args.push('arr[' + i + ']');
        }
        result = eval('context.fn(' + args + ')')
    }
    delete context.fn
    return result;
}

• 中间把 arr 的值 push 到 args 里是因为，arguments 是一个类数组，直接使用 arr 的话，传递的是一个对象

---

严格模式和非严格模式的区别

• 在非严格模式下，null 和 undefined 会指向 window ，而在严格模式下，指向 undefined
• 直接调用函数的时候 fn() 非严格模式下，this 指向 window ，严格模式下指向 undefined （见this指向的笔记）