js中call和apply和bind区别

时间: 2023-05-01 09:01:03 浏览: 152

javascript中apply/call和bind的使用

JavaScript是一种广泛使用的编程语言，其函数对象提供了许多强大的方法来控制函数的调用。这些方法包括apply()、call()和bind()，它们用于指定函数内部的this值，并且可以用来函数式编程中将函数作为参数传递和返回新函数。本文将详细解释这些方法的用途和用法，并提供一些实用的示例。 apply()和call()方法的功能非常相似。它们都允许开发者调用一个函数，并且可以立即指定函数内this的指向。不同之处在于它们传递参数的方式。 apply()方法接受两个参数：第一个参数是函数内this的值，第二个参数是一个数组或者类数组对象，数组内的元素将作为参数传递给被调用的函数。举个例子，如果有一个函数需要四个参数，而这些参数存储在一个数组中，可以使用apply()来调用它： ```javascript function displayArgs(val1, val2, val3, val4){ console.log(val1 + "" + val2 + "" + val3 + "" + val4); } // 定义一个数组作为参数 var args = [12, "a", "b", "c"]; // 使用apply调用displayArgs，并指定第一个参数为空对象，后续参数为数组元素 displayArgs.apply(emptyObject, args); ``` call()方法的用法和apply()类似，不过call()接受多个参数而不是一个数组。当你知道参数个数时，使用call()会更方便。例如： ```javascript displayArgs.call(emptyObject, 12, "a", "b", "c"); ``` apply()和call()在JavaScript中非常有用，尤其在需要改变函数内this指向时。比如，在类的方法中，this往往指向实例本身，但在某些情况下，比如事件处理函数中，this可能指向的是触发事件的元素。这时就可以使用call()或apply()来确保this指向正确的对象。 bind()方法会创建一个新的函数，这个新函数在被调用时，其内部的this将被永久绑定到bind()方法的第一个参数上。它还可以接受多个参数，并将它们作为绑定函数的初始参数。绑定函数被调用时，新函数的this指向新传入的context对象，后续参数会排在初始参数后面。例如： ```javascript // 定义一个接受四个参数的函数 var displayArgs = function(val1, val2, val3, val4){ console.log(val1 + "" + val2 + "" + val3 + "" + val4); } // 使用bind()方法时指定初始参数 var displayArgs2 = displayArgs.bind(emptyObject, 12, "a"); // 当displayArgs2被调用时，它会将12和"a"作为参数1和2，"b"和"c"作为参数3和4传入 displayArgs2("b", "c"); ``` bind()方法在实际开发中也很有用，尤其是当需要预设函数参数的情况下。例如，可以利用bind()来创建数组切片的绑定版本，这样就可以将数组切片的功能绑定到特定的上下文中。在旧版IE浏览器（IE5~IE8）中，Function原型上可能没有bind()方法，但是可以通过一个兼容性封装来实现bind()的功能： ```javascript if (!Function.prototype.bind) { Function.prototype.bind = function(context) { var self = this, // 调用bind方法的目标函数 args = Array.prototype.slice.call(arguments, 1); // 从第二个参数开始的所有参数 return function() { self.apply(context, Array.prototype.slice.call(args, 0)); }; }; } ``` 此外，bind()方法可以和定时器函数setTimeout()结合使用来改变函数内this的指向，使其指向类实例而非全局对象。总结来说，apply()、call()和bind()在JavaScript中都是非常重要的方法，它们可以控制函数内部的this指向，允许参数的灵活传递，并且可以创建可重用的函数，从而提升代码的模块性和灵活性。通过理解这些方法的使用场景和优缺点，开发者可以在编程实践中更有效地利用它们。

JavaScript 中的 call 和 apply 和 bind 是 JavaScript 中的函数对象的三个方法。它们的主要作用是改变函数的调用对象。 call: - 与 apply 类似，都是在特定的作用域中调用函数 - 但是传入参数的形式不同，call 是把参数列举出来传入函数 apply: - 与 call 类似，都是在特定的作用域中调用函数 - 但是传入参数的形式不同，apply 是把参数放在一个数组或者类数组里传入 bind: - 与 call 和 apply 的不同之处在于 bind 不会立即调用函数，而是返回一个新的函数，需要在需要的时候再调用，也就是提前指定好函数的执行环境

阅读全文

js中call和apply和bind区别

相关推荐

Javascript中call，apply，bind方法的详解与总结

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

call、apply和bind 区别

call和apply和bind的区别和作用

js中的call，apply，bind

bind与call和apply的区别

bind和call apply的区别

bind,call和apply

call、apply和bind面试题

JS中的call、apply、bind是做什么的

js call apply bind区别

call,apply,bind区别

call、apply、bind区别

call bind apply区别

js手写call bind apply

call，apply，bind的区别

call apply bind 区别

call，apply，bind有什么区别？

js apply call bind

最新推荐

WordPress作为新闻管理面板的实现指南

管理建模和仿真的文件

函数与模块化编程宝典：J750编程高效之路

用C语言求有4个圆塔，圆心分别为（2，2)，(2，-2)，(-2，2)，(-2，-2)圆半径为1， 这4个塔的高度为10m 塔以外无建筑物接输入任意点的坐标 求该点的建筑高度（塔外的高度为零)的程序

NPC_Generator：使用Ruby打造的游戏角色生成器

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

流程控制与循环结构详解：J750编程逻辑构建指南

python实现生成一个窗口，其窗口题目为“二冷配水模型模型”，窗口中包含八个输入栏，三个按钮，每个按钮点击后会产生一个不同的页面

MATLAB实现变邻域搜索算法源码解析

关系数据表示学习

用C语言求有4个圆塔，圆心分别为（2，2)，(2，-2)，(-2，2)，(-2，-2)圆半径为1，这4个塔的高度为10m 塔以外无建筑物接输入任意点的坐标求该点的建筑高度（塔外的高度为零)的程序