bind,call,apply的区别

时间: 2023-03-10 22:08:54 浏览: 106

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

5星 · 资源好评率100%

本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。我们来探讨call、apply和bind方法的来源。这三个方法都是Function原型对象（Function.prototype）上的实例方法，因此，所有继承了Function原型的普通对象、函数甚至是数组都可以使用这三个方法。这是因为在JavaScript中，所有的函数都继承自Function原型，而Function原型上定义了call、apply和bind这三个方法。通过检测Function.prototype.hasOwnProperty('call')、Function.prototype.hasOwnProperty('apply')和Function.prototype.hasOwnProperty('bind')，我们发现它们都返回true，这证明了这三个方法确实是继承自Function.prototype。接下来，我们将分别详细探讨每个方法的用途和行为。 Function.prototype.call()方法允许我们指定函数内部this的指向，并立即执行该函数。在call方法中，第一个参数是函数内部this的指向，后续的参数则是函数调用时传递的参数。如果call方法的第一个参数不传、传入null或undefined，那么函数内部的this将指向全局对象。如果传入一个具体对象，那么函数的this将指向这个对象。举个例子，如果有一个函数a，它依赖于this.rascal的值，通过call方法可以改变函数内部this的指向，从而改变输出的结果。call方法还可以用来调用对象的原生方法或者将类数组对象转换为数组。 Function.prototype.apply()方法与call方法类似，同样可以指定函数内部this的指向并执行函数，但是apply方法仅接受两个参数，第一个参数同样是函数内部this的指向，第二个参数必须是一个数组，数组中的元素依次对应函数调用时的参数。这个特性使得apply方法在需要将数组元素作为参数传递给函数时非常有用，因为可以非常方便地将数组展开成函数的实际参数。此外，apply方法也常用于数组相关的方法，比如找出数组中的最大数或者将数组的空元素变为undefined。 Function.prototype.bind()方法用于创建一个新的函数实例，这个新函数的this被永久绑定到bind方法的第一个参数所指定的对象上，无论这个新函数在哪里被调用。与call和apply不同，bind方法不会立即执行函数，它返回的是一个绑定了特定上下文的函数，这个函数可以在之后的任何时间点被调用。绑定回调函数是bind方法的一个重要应用，通过bind方法可以确保回调函数中的this指向我们预期的对象。我们总结一下call、apply和bind方法的联系和区别。它们共同的目的是改变函数执行时的上下文，即函数内部的this指向。三者之间的区别主要在于它们的参数传递方式不同。call方法接受一个参数列表，apply方法接受一个参数数组，而bind方法则是创建一个新的函数，并允许我们预先设置函数执行时this的指向。此外，call和apply方法会立即执行函数，而bind方法则是返回一个新的函数实例。理解了call、apply和bind方法的区别后，我们就可以根据不同的需求选择适合的方法来处理函数的this绑定和函数调用。这在处理回调函数、事件处理器以及需要将类数组对象转换为数组等场景下，提供了极大的灵活性和便利性。

绑定、调用和应用都是JavaScript中常见的函数调用方法。绑定的作用是将函数的上下文改变为指定的对象，它的参数为一个对象；调用的作用是立即执行函数，它的参数为函数的实参；应用的作用是立即执行函数，它的参数为一个数组，数组内的元素作为函数的实参。

阅读全文

bind,call,apply的区别

相关推荐

JavaScript中apply、call、bind的this指向改变与应用

理解JavaScript：this、apply、call与bind全面解析

bind,apply,call的用法及区别

bind apply call区别

bind和call apply的区别

call bind apply区别

call apply bind 区别

js call apply bind区别

call apply bind 有什么区别

call apply bind的区别

call apply bind传参区别

call apply bind

bind、call、apply 区别

call bind apply

call apply bind 代码

call apply bind实现

js call apply bind

call apply bind的区别有哪些

call、bind、apply三者的区别

最新推荐

go 生成基于 graphql 服务器库.zip

基于JAVA+SpringBoot+Vue+MySQL的社区物资交易互助平台 源码+数据库+论文(高分毕业设计).zip

法研杯2021类案检索赛道三等奖方案源码+项目说明+数据.zip

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

管理建模和仿真的文件

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

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

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

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

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

基于JAVA+SpringBoot+Vue+MySQL的社区物资交易互助平台源码+数据库+论文(高分毕业设计).zip

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