JS手写题-call、apply、bind的实现

最新推荐文章于 2022-11-30 21:12:47 发布

原创最新推荐文章于 2022-11-30 21:12:47 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

面试准备同时被 2 个专栏收录

18 篇文章

订阅专栏

JavaScript

9 篇文章

订阅专栏

本文详细介绍了JavaScript中Function.prototype上的call、apply和bind这三个重要方法的手动实现，通过示例代码展示了如何模拟这些函数的行为，以便更好地理解和掌握它们的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、call函数的实现

Function.prototype.EMcall = function (thisArg, ...args) {
    // 1.获取需要被执行的函数
    let fn = this;

    // 2.对thisArg转成对象类型(防止它传入的是非对象类型)
    thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window;

    // 3.调用需要被执行的函数
    thisArg.fn = fn;
    let result = thisArg.fn(...args);
    delete thisArg.fn;

    // 4.将最终的结果返回出去
    return result;
}

二、apply函数的实现

Function.prototype.EMapply = function (thisArg, argArray) {
    // 1.获取到要执行的函数
    var fn = this;

    // 2.处理绑定的thisArg
    thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window;

     // 3.调用需要被执行的函数
    thisArg.fn = fn;
    let result = null;
    // 若未传参，即赋值为空数组
    argArray = argArray || [];
    result = thisArg.fn(...argArray);
    delete thisArg.fn;

    // 4.将最终的结果返回出去
    return result;
}

三、bind函数的实现

Function.prototype.EMcall = function (thisArg, ...args) {
    // 1.获取需要被执行的函数
    let fn = this;

    // 2.对thisArg转成对象类型(防止它传入的是非对象类型)
    thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window;

    function proxyFn(...argArray) {
        thisArg.fn = fn;
        let finalArgs = [...args, ...argArray];
        let result = thisArg.fn(...finalArgs);
        delete thisArg.fn;

        return result
    }
    return proxyFn
}