javaSccript---call()、 bind()、 apply()的区别

最新推荐文章于 2023-10-24 17:29:53 发布

maidu_xbd

最新推荐文章于 2023-10-24 17:29:53 发布

阅读量231

点赞数

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

本文链接：https://blog.csdn.net/maidu_xbd/article/details/130193671

版权

JavaScript 专栏收录该内容

65 篇文章 3 订阅

订阅专栏

call()、apply()和bind()都是JavaScript中用于改变函数调用时的上下文(this)的方法。它们接收的第一个参数是this的新值，后续参数是传递给函数的参数。call()和apply()立即执行函数，而bind()返回一个新函数。call()接受单独的参数，apply()接受一个参数数组，bind()则可以预设多个参数。

摘要由CSDN通过智能技术生成

call()、apply()、bind() 都是用来重定义 this 这个对象的

语法：

function.apply(thisArg, [argsArray])//argsArray 是一个可选的数组

function.call(thisArg, arg1, arg2, ...)//arg1、arg2、... 是将传递给函数的参数列表

function.bind(thisArg, arg1, arg2, ...)//arg1、arg2、... 是一些可选的参数，这些参数将在调用新函数时作为参数列表传递给原函数

function test(a, b) {
  console.log(a + b);
}
test.call({ name: "call" }, 1, 2); //3
test.apply({ name: "apply" }, [2, 3]); ///5
const test1 = test.bind({ name: "bind" }, 4);
console.log(test1); //[Function: bound test]
test1(2); //6

相同点：第一个参数thisArg 表示函数要绑定的上下文，是用来改变函数this指向的，第二个参数是是用于传参

不同点：

call 和apply可以直接调用，bind不会立即调用函数，而是会返回一个新的函数

call和bind可以传递多个参数，apply只能传递一个参数 (数组或者伪数组)

JavaScript 中 call()、apply()、bind() 的用法 | 菜鸟教程其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全理解！先看明白下面：例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows() // 盲僧比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ； 1，call()、appl..https://www.runoob.com/w3cnote/js-call-apply-bind.html