JS 的 apply 方法

1. 前言 2. 改变 this 指向 3. 将数组入参变为一般入参 1. 前言 apply() 的作用有两个: 1. 改变 this 指向 2. 将数组入参变为一般入参 刚开始看到 apply() 时,对它的用法非常模糊,而且不易理解,通过查找相关文章,才慢慢的明白它的妙用 2. 改变 this 指向 相信在网上查找...

JS 的 apply 方法

  • 1. 前言
  • 2. 改变 this 指向
  • 3. 将数组入参变为一般入参

1. 前言


apply() 的作用有两个: 1. 改变 this 指向 2. 将数组入参变为一般入参

刚开始看到 apply() 时,对它的用法非常模糊,而且不易理解,通过查找相关文章,才慢慢的明白它的妙用

 

2. 改变 this 指向


相信在网上查找 apply() 用法时,都会看到下面这段代码,首次运行,看到输出的结果,我是懵逼的

  1. var person = {
  2. fullName: function () {
  3. return this.firstName + " " + this.lastName;
  4. }
  5. }
  6. var person1 = {
  7. firstName: "Bill",
  8. lastName: "Gates",
  9. }
  10. const res = person.fullName.apply(person1)
  11. console.log(res); // Bill Gates

如何理解 apply() 这段代码 ?

person.fullName() 调用 this.firstName 和 this.lastName 这两个属性,this 指向 person,但它没有这两个属性

使用 apply() 方法可以改变 this 的指向,将 this 的指向改为 person1,所以 person.fullName() 方法就可以成功访问到 this.firstName 和 this.lastName 这两个属性的值了

person.fullName.apply(person1) 可以理解为下面代码,但不要这么写,本质不一样

  1. person1.fullName = person.fullName
  2. person1.fullName()

3. 将数组入参变为一般入参


以 Math.max() 举例

  1. // 正确用法
  2. Math.max(1, 2, 3)
  3. // 错误用法
  4. Math.max([1, 2, 3])

使用 apply() 的第二个参数将数组入参变为一般入参

注意,这里的第一个参数值为 null,也就是没有改变 this 的指向

  1. Math.max.apply(null, [1, 2, 3])

评论0

首页 导航 会员 客服