模拟call，apply， bind 方法

最新推荐文章于 2022-06-19 19:20:47 发布

ypp_bottle

最新推荐文章于 2022-06-19 19:20:47 发布

阅读量102

点赞数

本文链接：https://blog.csdn.net/ypp_bottle/article/details/119802622

版权

本文详细介绍了如何使用JavaScript模拟实现Function.prototype.call, Function.prototype.apply和Function.prototype.bind方法。通过示例代码展示了这三个方法的核心功能，帮助读者深入理解其工作原理和应用场景。

摘要由CSDN通过智能技术生成

模拟call，apply， bind 方法

Function.prototype.myCall = function (context, ...params) {
    console.log(this, 'call This');
    context.func = this;
    const res =  context.func(...params);
    delete context.func;

    return res
}

Function.prototype.myCall = function (context, ...params) {
    context.func = this;
    const res =  context.func(...params);
    delete context.func;

    return res
}

// 模拟 bind 方法
Function.prototype.myBind = function (context, ...params) {
    // 保存当前的 this 指向当前的函数
    console.log(this, ...params,'this');
    const _this = this;

    return function(...params2) {
        // 由于 bind 方法是返回的一个函数 所以第二个函数也是有可能传参的
        // 改变this
        return _this.apply(context, [...params, ...params2])
    }
}