call,apply,bind学习总结

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

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

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值