• 技术文章 >web前端 >js教程

    javascript中bind的用法是什么

    藏色散人藏色散人2021-09-03 16:29:21原创291

    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的用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript bind
    上一篇:es6 set方法有哪些 下一篇:如何解决es6 import报错问题
    大前端线上培训班

    相关文章推荐

    • jquery中bind与on的区别是什么• 浅谈JS中的bind()• javascript中bind是什么意思• 一文带你深入了解实现call、apply和bind方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网