JavaScript中apply函数方法多种使用方法！

本篇文章分享JavaScript中apply函数方法多种使用方法！，对你有帮助的话记得收藏一下，看Java资料网收获更多编程知识

在JavaScript中，apply 是函数对象的一个方法，用于调用一个函数，并指定函数内部的 this 上下文以及函数的参数列表。它与另一个方法 call 功能类似，但是参数传递的方式略有不同。

apply 方法的语法如下：

function.apply(thisArg,[argsArray])

• thisArg: 在调用函数时指定的 this 上下文，即函数内部的 this 指向的对象。
• argsArray: 一个类数组对象，包含要传递给函数的参数列表。

apply 方法的作用是将函数作为指定上下文对象的方法来调用，并且传递一个参数数组。这在一些情况下非常有用，比如：

1. 将类数组对象转换为真正的数组：

function sum(a, b) {
  return a + b;
}

const args = [2, 3];
console.log(sum.apply(null, args)); // 输出: 5

2.在继承中调用父类的构造函数:

function Parent(name) {
  this.name = name;
}

function Child(name, age) {
  Parent.apply(this, [name]); // 调用父类构造函数，继承属性
  this.age = age;
}

const child = new Child('Alice', 5);
console.log(child.name); // 输出: Alice
console.log(child.age);  // 输出: 5

3.动态改变函数的上下文：

const person1 = { name: 'Alice' };
const person2 = { name: 'Bob' };

function sayHello() {
  console.log(`Hello, ${this.name}!`);
}

sayHello.apply(person1); // 输出: Hello, Alice!
sayHello.apply(person2); // 输出: Hello, Bob!

👏欢迎补充更多不一样的方法

文章来源:https://blog.csdn.net/xiaoninixin/article/details/132507852
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：jacktools123@163.com进行投诉反馈，一经查实，立即删除！