实现call、apply 及 bind 函数？ - 好学星城学习论坛

page contents

轩辕小不懂发布于 2021-12-22 13:41

阅读 543

收藏 0

答案 1

分类：WEB前端开发

js

2712

Nen 2021-12-22 13:51

- 程序员

（1）call 函数的实现步骤：

判断调用对象是否为函数，即使是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。

判断传入上下文对象是否存在，如果不存在，则设置为 window 。

处理传入的参数，截取第一个参数后的所有参数。

将函数作为上下文对象的一个属性。

使用上下文对象来调用这个方法，并保存返回结果。

删除刚才新增的属性。

返回结果。

Function.prototype.myCall = function(context) {

// 判断调用对象

if (typeof this !== "function") {

console.error("type error");

}

// 获取参数

let args = [...arguments].slice(1),

result = null;

// 判断 context 是否传入，如果未传入则设置为 window

context = context || window;

// 将调用函数设为对象的方法

context.fn = this;

// 调用函数

result = context.fn(...args);

// 将属性删除

delete context.fn;

return result;

};

（2）apply 函数的实现步骤：

判断调用对象是否为函数，即使是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。

判断传入上下文对象是否存在，如果不存在，则设置为 window 。

将函数作为上下文对象的一个属性。

判断参数值是否传入

使用上下文对象来调用这个方法，并保存返回结果。

删除刚才新增的属性

返回结果

评论 (0)

1 关注

提出于 2021-12-22 13:41

全部

543 阅读

543 阅读

543 阅读

543 阅读

543 阅读

543 阅读