call，apply，bind的区别

时间: 2023-05-02 14:02:42 浏览: 103

javascript中apply、call和bind的使用区别

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。 var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " 在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `this` 对象；第三，它们都支持传递额外的参数。让我们看一个例子，假设我们有两个对象 `xw` 和 `xh`： ```javascript var xw = { name: "小王", gender: "男", age: 24, say: function() { alert(this.name + " , " + this.gender + " ,今年" + this.age); } }; var xh = { name: "小红", gender: "女", age: 18 }; ``` `xw.say()` 默认会显示 "小王，男，今年24"。如果我们想让 `say` 方法显示 `xh` 的数据，我们可以使用这三个方法： 1. 使用 `call()`： ```javascript xw.say.call(xh); ``` 2. 使用 `apply()`： ```javascript xw.say.apply(xh); ``` 3. 使用 `bind()`： ```javascript xw.say.bind(xh)(); ``` 注意，`bind()` 不会立即调用函数，它返回一个新的函数，因此需要加上 `()` 来调用。接下来，我们探讨 `call()` 和 `apply()` 的区别。假设 `say` 方法增加了两个参数： ```javascript say: function(school, grade) { alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade); } ``` 1. 使用 `call()` 传参： ```javascript xw.say.call(xh, "实验小学", "六年级"); ``` 在这里，参数直接传入，一一对应。 2. 使用 `apply()` 传参： ```javascript xw.say.apply(xh, ["实验小学", "六年级"]); ``` `apply()` 的第二个参数是一个数组，数组元素将作为参数传递给函数。 `bind()` 的传参方式既支持 `call()` 的方式，也支持 `apply()` 的方式： 1. 直接传参： ```javascript xw.say.bind(xh, "实验小学", "六年级")(); ``` 2. 在调用时传参： ```javascript var boundSay = xw.say.bind(xh); boundSay("实验小学", "六年级"); ``` `bind()` 的一个重要特性是它可以部分应用参数，即提前绑定一部分参数，而留出剩余的参数供后续调用时使用： ```javascript var partiallyBoundSay = xw.say.bind(xh, "实验小学"); partiallyBoundSay("六年级"); // 使用新参数覆盖之前的部分应用参数 ``` 总结起来，`call()` 和 `apply()` 都用于立即调用函数并改变 `this` 的值，不同之处在于传递额外参数的方式：`call()` 是按位置传递，`apply()` 是通过数组传递。而 `bind()` 不仅可以改变 `this` 的值，还可以返回一个新的函数，这个新函数可以保留原始函数的 `this` 和部分参数，使得函数调用更灵活。

"call，apply，bind的区别"。 call、apply、bind都是JavaScript中管理函数作用域的方法。 call()和apply()都可以将函数作为对象的方法来调用，即改变函数的执行环境。不同的是，call()方法接受的是若干个参数列表，而apply()方法接受的是一个包含多个参数的数组。 bind()方法则是在函数的执行环境绑定一个特定的this值，并返回一个新的函数，该新函数的this值被绑定为传递给bind()方法的第一个参数。同时，bind()方法也可以传递若干个参数作为新函数的参数。（注意：bind()方法并不会立即执行原函数，而是返回一个新的绑定了this值的函数）。因此，call()和apply()适用于需要在执行函数时动态改变函数的执行环境，而bind()适用于需要将函数的this值永久地绑定到一个特定的对象上。

阅读全文

call，apply，bind的区别

相关推荐

bind,apply,call的用法及区别

原生JS实现 call apply bind

call apply bind 区别

js call apply bind区别

j s的call apply bind区别

call apply bind的区别

call apply bind传参区别

call apply bind

call apply bind的区别有哪些

call apply bind 有什么区别

js call apply bind

call apply bind 代码

call apply bind实现

重构call apply bind方法

手写call apply bind方法

call apply bind的使用示范

call apply bind的应用场景

请针对call apply bind举例

基于Java的家庭理财系统设计与开发-金融管理-家庭财产管理-实用性强

最新推荐

基于Java的家庭理财系统设计与开发-金融管理-家庭财产管理-实用性强

弹性盒子Flexbox布局.docx

探索数据转换实验平台在设备装置中的应用

管理建模和仿真的文件

ggflags包的国际化问题：多语言标签处理与显示的权威指南

如何使用MATLAB实现电力系统潮流计算中的节点导纳矩阵构建和阻抗矩阵转换，并解释这两种矩阵在潮流计算中的作用和差异？

使用git-log-to-tikz.py将Git日志转换为TIKZ图形

"互动学习：行动中的多样性与论文攻读经历"

ggflags包的定制化主题与调色板：个性化数据可视化打造秘籍

如何使用Matlab进行风电场风速模拟，并结合Weibull分布和智能优化算法预测风速？