博客
关于我
手动实现apply、call、bind
阅读量:410 次
发布时间:2019-03-06

本文共 1341 字,大约阅读时间需要 4 分钟。

手动实现apply、call、bind

apply

apply 方法用于在特定的作用域中执行函数。它接收两个参数:thisArg 和 argsArray。thisArg 是必须的,指定函数运行时使用的 this 值。如果不指定,this 会指向全局对象。在非严格模式下,thisArg 为 null 或 undefined 时,会自动指向全局对象。argsArray 是可选的,传递一个数组或类数组,数组中的元素作为函数的参数传递。argsArray 中的 null 或 undefined 会被忽略。

实现思路是将 _apply 方法挂载到 Function.prototype 上。在 _apply 中,将函数对象赋值给指定对象的一个属性,并使用 Spread 运算符将参数展开,调用函数。

代码示例:

window.a = 1;var obj = { a: 2 };var funct = function(b, c) {    console.log(this.a, b, c);    return 1;};funct.apply(obj, [1, 2]); // 输出:2 1 2

call

call 方法用于在指定的作用域中执行函数。它接收一个可选的 thisArg 和多个可选的参数。thisArg 必须传递,指定函数运行时使用的 this 值。args 是可选的,传递多个参数。

实现思路是将 _call 方法挂载到 Function.prototype 上。在 _call 中,使用 Rest 运算符接收剩余参数,并使用 Spread 运算符将参数展开,调用函数。

代码示例:

window.a = 1;var obj = { a: 2 };var funct = function(b, c) {    console.log(this.a, b, c);    return 1;};funct.call(obj, 1, 2); // 输出:2 1 2

bind

bind 方法用于将函数与指定对象绑定,使其在被调用时使用该对象作为 this。它接收一个可选的 thisArg 和多个可选的参数。thisArg 可以是 null 或 undefined,在非严格模式下会自动指向全局对象。如果 thisArg 不传递,函数的 this 会指向新创建的对象。

实现思路是将 _bind 方法挂载到 Function.prototype 上。返回一个箭头函数,使用闭包将 this 值固定到指定对象,并使用 Spread 运算符传递参数。

代码示例:

window.a = 1;var obj = { a: 2 };var funct = function(b, c) {    console.log(this.a, b, c);    return 1;};var bindFunct = funct.bind(obj, 1, 2);bindFunct(); // 输出:2 1 2

每日一题

如果你对这类技术问题感兴趣,可以查看我的GitHub仓库 EveryDay。

参考

如果需要更深入的理解,可以参考我的文章 手动实现apply、call、bind。

转载地址:http://unckz.baihongyu.com/

你可能感兴趣的文章
Python中布尔表达式的求值
查看>>
python中很常用的10个内置函数整理(初学必备)
查看>>
python中打印二维列表数据
查看>>
python中打散数组shuffle
查看>>
Python中执行外部命令
查看>>
Python中拼接numpy数组-ChatGPT4o作答
查看>>
Python中提示:no module named 'PIL'
查看>>
Python中提示:UnicodeDecodeError: 'ascii' codec can't decode byte 0xe5 in position
查看>>
python中数据类型存储_浅谈Python中的数据类型
查看>>
python中文件最重要的功能是什么-学 Python 都用来干嘛的?
查看>>
python中文版语言_高盛最新调查:Python超过汉语成为未来最重要技能,你准备学哪种编程语言?...
查看>>
Python中文问题SyntaxError
查看>>
Python中方括号和括号括起来的列表有什么区别?
查看>>
python中时间处理_Python中处理时间的几种方法小结
查看>>
Python中枚举串口(包括虚拟端口)的跨平台方法是什么?
查看>>
python中根号下a怎么写_python中根号怎么表示
查看>>
Python中正则表达式的巧妙使用
查看>>
Python中浮点数的二进制表示(位不是十六进制)
查看>>
Python中特殊函数和表达式 filter,map,reduce,lambda
查看>>
python中用socket检测端口_Python 用socket模块实现检测端口和检测web服务
查看>>