js中apply和call的区别

bikeshedding

于 2020-11-17 16:08:35 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

分类专栏： JS基础

本文链接：https://blog.youkuaiyun.com/forljnlearning/article/details/109745288

JS基础专栏收录该内容

6 篇文章

订阅专栏

本文围绕JS中的apply、call和bind方法展开。apply可改变this指向并调用，有两个参数，第二个参数为数组；call作用与apply相同，但参数传递方式不同；bind改变this指向后不会立即调用函数，使用apply或call取决于参数传递方式。

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

apply ：

阅读js高级程设笔记

使用apply改变this指向，并调用
- 有两个参数
- 第一个参数是this指向谁，第二参数是一个数组用于传递参数
- 第二参数可以是argument

    function showSum(num1, num2) {
      console.log(this, num1 + num2);
    }

    let arr = [3, 4]

    showSum.apply(new Date(), arr)

//第二行打印结果 
Sun Nov 08 2020 16:37:59 GMT+0800 (中国标准时间) 7

call ：

call方法作用与apply相同
区别在于参数不同
第一个参数是this不变 变化的是其余参数都直接传递给函数

    function showSum(num1, num2) {
      console.log(this, num1 + num2);
    }

    showSum.call(new Date(), 3, 5)

//第二行打印结果 
Sun Nov 08 2020 16:37:59 GMT+0800 (中国标准时间) 8

至于使用apply还是call 完全取决于采取哪种给函数传递参数的方式最方便

bind：

特点是改变this指向后不会立即调用函数

    color = 'red';

    var o = { color: 'blue' }

    function showColor() {
      console.log(this.color);
    }

    var newFn = showColor.bind(o);

    newFn() // blue