call,apply,bind学习总结

原创已于 2022-06-18 21:46:52 修改 · 132 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2021-09-28 20:08:10 首次发布

学习日志专栏收录该内容

12 篇文章

订阅专栏

这篇博客介绍了JavaScript中call、apply和bind方法改变this指向的用法及其区别。通过示例展示了如何使用它们来调用函数，特别是call和apply在传参方式上的差异。此外，还提到了apply在处理数组参数时的优势，并提供了一个使用Math.max应用示例。

<script>
    // call 和 apply 都可以改变 this 的指向，区别在于传参方式
    function add(c,d) {
      return console.log(this.a + this.b + c + d)
    }

    let obj = {
      a: 1,
      b: 3
    }
    add(5,5)                 // NaN add中的this指向window,a,b为undefined
    add.call(obj,5,5)        // 14  add中的this指向了obj
    add.apply(obj,[5,25])    // 34
    add.bind(obj, 3,4)()     // 11  bind返回一个函数，需要自行调用
    
    // 根据传参方式的不同，举例一个用法
    let arr = [1,2,3,5]
    console.log(Math.max.apply(null,arr))  // 5
    // apply 的传参方式，可以把收集的数据集合成一个数组当作参数传递，使用call只能一一列举
  </script>