JavaScript中的bind

qq_45209973

于 2020-03-17 22:50:48 发布

阅读量99

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_45209973/article/details/104933638

版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文详细解析了ES5中bind方法的功能与使用。bind方法能够为函数设定特定的this值，同时预设部分参数，从而生成一个新的函数实例。通过实例演示，展示了bind如何改变函数内部的this指向，以及如何传递额外参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bind是ES5中新定义的方法，作用是改变调用它的函数内部的this指向。
可以传递两个参数，第一个参数函数内this的指向，第二个及之后参数则作为函数的参数调用。
调用该方法会返回一个函数实例，就是改变this指向后的新函数。

function test1(...params){
      console.log(this.abc)
      console.log(params)
    } 

    const obj={
      abc:123
    }

    // 在window上也添加一个abc属性
    window.abc=789;

    // 使this指向obj，并传参数
    const test2=test1.bind(obj,4,5,6) 
    test1();  // 789    undefined
    test2();  // 123    [4, 5, 6]