前端教程_javascript中bind的用法是什么

 所属分类:web前端开发

 浏览:141次-  评论: 0次-  更新时间:2022-06-10
描述:这是一篇前端教程_javascript中bind的用法是什么的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 javascr...
这是一篇前端教程_javascript中bind的用法是什么的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。

javascript中bind方法用于创建一个新的函数,其使用语法是“function.bind(thisArg[, arg1[, arg2[, ...]]])”,其中参数thisArg表示调用绑定函数时作为this参数传递给目标函数的值。

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript中bind的用法是什么?

Function.prototype.bind()

bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。

语法

function.bind(thisArg[, arg1[, arg2[, ...]]])

参数thisArg:

调用绑定函数时作为 this 参数传递给目标函数的值。 如果使用new运算符构造绑定函数,则忽略该值。当使用 bind 在 setTimeout 中创建一个函数(作为回调提供)时,作为 thisArg 传递的任何原始值都将转换为 object。如果 bind 函数的参数列表为空,或者thisArg是null或undefined,执行作用域的 this 将被视为新函数的 thisArg。

参数arg1, arg2, ...:

当目标函数被调用时,被预置入绑定函数的参数列表中的参数。

返回值

返回一个原函数的拷贝,并拥有指定的 this 值和初始参数。

描述:

bind() 函数会创建一个新的绑定函数(bound function,BF)。绑定函数是一个 exotic function object(怪异函数对象,ECMAScript 2015 中的术语),它包装了原函数对象。调用绑定函数通常会导致执行包装函数。

绑定函数具有以下内部属性:

[[BoundTargetFunction]] - 包装的函数对象

[[BoundThis]] - 在调用包装函数时始终作为 this 值传递的值。

[[BoundArguments]] - 列表,在对包装函数做任何调用都会优先用列表元素填充参数列表。

[[Call]] - 执行与此对象关联的代码。通过函数调用表达式调用。内部方法的参数是一个this值和一个包含通过调用表达式传递给函数的参数的列表。

当调用绑定函数时,它调用 [[BoundTargetFunction]] 上的内部方法 [[Call]],就像这样 Call(boundThis, args)。其中,boundThis 是 [[BoundThis]],args 是 [[BoundArguments]] 加上通过函数调用传入的参数列表。

绑定函数也可以使用 new 运算符构造,它会表现为目标函数已经被构建完毕了似的。提供的 this 值会被忽略,但前置参数仍会提供给模拟函数。

推荐学习:《javascript基础教程

以上就是javascript中bind的用法是什么的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!