JavaScipt

# apply

this 章节，我们了解了当我们明确绑定对象环境的时候，需要使用 apply 来绑定。(具体为啥使用看 this 章节)。

  1. 实现一个简易版的。
if (!Function.prototype.apply) {
    Function.prototype.apply = function (context, ...args) {
        context.fn = this;
        const result = context.fn(args);
        delete context.fn;
        return result;
    }
}
  1. 当我们传入 null、undefined、empty 是会绑定到 window 上，而 字符串、数字、布尔值回绑定到包装对象上的。
if (!Function.prototype.apply) {
    Function.prototype.apply = function (context, ...args) {
        context = context ? Object(context) : window;
        context.fn = this;
        const result = context.fn(args);
        delete context.fn;
        return result;
    }
}
  1. ES6 之前是没有rest参数和扩展运算符的。
if (!Function.prototype.apply) {
    Function.prototype.apply = function (context, arr) {
        context = context ? Object(context) : window;
        context.fn = this;
        var result;
        if (!arr) {
            result = context.fn();
        } else {
            var args = [];
            for (var i = 1; i < argument.length; i++) {
            args.push('argument[' + i + ']');
            }
            result = eval('context.fn(' + args + ')');
        }
        delete context.fn;
        return result;
    }
}

← bind →