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

在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!

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

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值