手写实现call函数

最新推荐文章于 2022-10-13 08:41:06 发布

Tansum

最新推荐文章于 2022-10-13 08:41:06 发布

阅读量1.8k

点赞数 2

分类专栏：前端 JavaScript

本文链接：https://blog.csdn.net/weixin_40161974/article/details/102398957

版权

本文将探讨如何在JavaScript面试中常见的手写题目——实现call函数。通过理解call的规则，设置上下文对象，利用隐式绑定改变this指向，并传递参数，最后清理临时属性，确保函数正确执行并返回结果。特别注意，判断函数上下文对象时，不能仅凭值为真或假，因为特定的值（如空字符串、0、false）会触发原始值的包装对象作为上下文。

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

在大厂的面试中，手写实现call,apply,bind(特别是bind)一直是比较高频的面试题，在这里我们先来实现一下call函数。

思路

根据call的规则设置上下文对象,也就是this的指向。
通过设置context的属性,将函数的this指向隐式绑定到context上
通过隐式绑定执行函数并传递参数。
删除临时属性，返回函数执行结果

Function.prototype.myCall = function (context, ...arr) {
    if (context === null || context === undefined) {
       // 指定为 null 和 undefined 的 this 值会自动指向全局对象(浏览器中为window)
        context = window 
    } else {
        context = Object(context) // 值为原始值（数字，字符串，布尔值）的 this 会指向该原始值的实例对象
    }
    const specialPrototype = Symbol('特殊属性Symbol') // 用于临时储存函数
    context[specialPrototype] = this; // 函数的this指向隐式绑定到context上
    let result = context[specialPrototype](...arr); // 通过隐式绑定执行函数并传递参数
    delete context[specialPrototype]; // 删除上下文对象的属性
    return result; // 返回函数执行结果