javascript：call()、apply()、bind()的区别和使用

最新推荐文章于 2025-04-21 01:09:50 发布

小徐也要努力鸭

最新推荐文章于 2025-04-21 01:09:50 发布

阅读量563

点赞数 5

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/a232884c/article/details/137677444

本文详细比较了JavaScript中的call(),apply(),和bind()方法，包括它们如何改变this指向、执行方式、传参方式，以及它们的临时性和返回新函数的特点。着重讲解了在实际应用中的使用示例和区别。

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

javascript：call()、apply()、bind()的区别和使用

1 前言

记录javascript的call、apply、bind方法绑定this的区别以及使用。

call、apply、bind的区别：

【相同点】：

作用相同，都是动态修改this指向；都不会修改原先函数的this指向。


【异同点】：

1)执行方式不同：

call和apply是改变后页面加载之后就立即执行，是同步代码。

bind是异步代码，改变后不会立即执行；而是返回一个新的函数。


2)传参方式不同：

call和bind传参是一个一个逐一传入，不能使用剩余参数的方式传参。

apply可以使用数组的方式传入的，只要是数组方式就可以使用剩余参数的方式传入。


3)修改this的性质不同：

call、apply只是临时的修改一次，也就是call和apply方法的那一次；当再次调用原函数的时候，
它的指向还是原来的指向。

2 使用

（2.1）call方法：

可以传递两个参数。

第一个参数是指定函数内部中this的指向，也就是函数执行时所在的作用域：
（1）参数值为null或undefined或者this，则等同于指向全局对象
（2）但不能为空

第二个参数是函数调用时需要传递的参数，需要一个一个的传入（…param, 这里的param指多个参数）

const arr = [1, 2, 3];

function fn(...param){
   
   
    let sum = param.reduce((sum, item) => sum += item, 100);
    console.log(this)
    console.log(this === global)
    console.log(param, sum);    
}

fn(...arr);
// 
{
   
   /* <ref *1> Object [global] {
  global: [Circular *1],
  clearInterval: [Function: clearInterval],
  clearTimeout: [Function: clearTimeout],
  setInterval: [Function: setInterval],
  setTimeout: [Function: setTimeout] {
    [Symbol(nodejs.util.promisify.custom)]: [