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

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

ExMaterial

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

阅读量78

点赞数

分类专栏： JavaScript 面试准备文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_49172439/article/details/125821143

版权

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

18 篇文章 1 订阅

订阅专栏

JavaScript

9 篇文章 0 订阅

订阅专栏

一、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
}