js call实现原理 javascript中call和apply方法的作用

javascript中call和apply的核心区别提供参数的方式：1.调用接受参数列表，适用于逐个提交参数；2. apply 接受一个包含参数的数组，适用于已有参数的数组的情况。两者均用于改变函数执行时的 this 指向并立即执行函数。

JavaScript 中 call 和 apply 的核心区别是传递参数的方式。call 接受是一个包含参数的数组，而 apply 接受是一个包含参数的数组。简单来说，它们都是用来改变函数执行时的 this指向，并立即执行该函数。

方案

call和apply都是函数对象的方法，它们允许你指定函数执行时this的值，并且可以传递参数给函数解决。

立即学习“Java学习免费笔记（深入）”；

call()方法

call()方法允许你指定this值和逐个提供的参数列表来调用函数。

：语法function.call(thisArg，arg1，arg2，...)登录后复制thisArg：函数执行时使用的this值。如果thisArg为null或未定义，则通用对象将被使用 this。arg1， arg2， ...：传递给函数的参数列表。

示例：const person = { name： 'Alice'，greet： function(greeting) { console.log(`${greeting}， ${this.name}!`)； }}；const anotherPerson = { name： 'Bob'}；person.greet.call(anotherPerson， 'Hello')； // 输出： Hello， Bob!登录后复制

在这个例子中，call()方法将person.greet函数的this值设置为anotherPerson，并传递'Hello'作为参数。

apply()方法

apply()方法与call()类似，但它接受一个包含参数的接口。

语法：function.apply(thisArg，[argsArray])登录后复制thisArg：函数执行时使用的 this 值。如果 thisArg 为 null 或 undefined，则全局对象将被常用 this。argsArray：一个队列，其中的元素将作为参数传递给函数。

示例：const person = { name： 'Alice'，greet： function(greeting， punctuation) { console.log(`${greeting}， ${this.name}${punctuation}`)； }}；const anotherPerson = { name： 'Bob'}；person.greet.apply(anotherPerson， ['Hello'， '!'])； // 输出： Hello， Bob!登录后复制

这里，apply()方法将person.greet函数的这个值设置为anotherPerson，并传递了['Hello'，'!']作为参数。

接收参数列表。apply()接受参数。

选择哪个方法取决于你如何组织参数。如果你已经有一个包含参数的队列，那么apply()更方便。如果你需要逐个传递参数，那么 call() 更合适。什么时候应该使用 call 或 apply？

当你需要改变函数执行时的上下文（this值）时，或者当你需要将一个对象的方法放到另一个对象上时，call和apply就非常有用。例如，你使用它们来实现继承，可以或者在不同的对象之间共享方法。如何在严格模式下使用call和apply？

在严格模式下，如果传入call或apply的thisArg是null应用或undefined，那么this的值将是null 或 undefined，而不是全局对象。这是一个需要注意的差异。bind 方法与 call 和 apply 有什么关系？

bind() 方法也用于改变函数执行时的这个值，但它与 call() 和 apply() 的区别在于，bind() 方法不会立即执行函数，而是返回一个新的函数，该函数在调用时将此值设置为指定的值。 this，稍后执行。

以上就是JavaScript的call和apply方法有什么区别？如何使用？的详细内容，更多请关注乐哥常识网其他相关文章！