javascript中call()、apply()、bind()方法实现

最新推荐文章于 2024-09-22 11:17:00 发布

小黑杂谈

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量142

点赞数 2

分类专栏： js 文章标签： javascript es6

本文链接：https://blog.csdn.net/a1187668175/article/details/114551717

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细解读了JavaScript中的call()、apply()和bind()方法，分别介绍了它们如何实现函数的调用者替换、数组参数传递和创建绑定实例。通过实例演示，理解这三种方法在实际编程中的应用场景和区别。

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

文章目录

call()方法实现

// fn.call(thisArg[,args[,...]]);        
Function.prototype.myCall = function (context) {
    // 未指定指向对象或者为null、undefined时 函数的调用者为window
    let ctx = context || window;
    ctx.fn = this; // 函数的引用为 指定对象 的一个属性
    let args = [...arguments].slice(1); // arguments是一个类数组 获取第二个参数开始的值(数组形式返回)
    let res = ctx.fn(...args); // 调用新对象下的函数
    delete ctx.fn;
}

apply()方法实现

// fn.apply(thisArg,[arrayArgs]);
Function.prototype.myApply = function(context) {
	let ctx = context || window;
    ctx.fn = this;
    let args = [].concat(...arguments).slice(1);
    let res = ctx.fn(...args);
    delete ctx.fn;
}

bind()方法实现

// fn.bind(thisArg,[arg1[,arg2...]]);
Function.prototype.myBind = function(context) {
	let ctx = context || window;
    ctx.fn = this;
    let args = [...arguments].slice(1);
    return function() { // 利用闭包 函数柯里化
        return ctx.fn.apply(ctx, args);
    }
}