JS函数---apply()

JS函数apply

方法重用

通过apply()方法 ,你可以编写用于不同对象 的方法

JS apply()方法

apply()方法和call()方法非常相似:
eg:

var person = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}
var person1 = {
    firstName: "Bill",
    lastName: "Gates",
}
person.fullName.apply(person1);  // 将返回 "Bill Gates"

call()和apply()之间的区别

不同之处

  • call()方法分别接受参数
  • apply()方法接受数组形式的参数

若是要使用数组而不是参数列表,则apply()很方便

带参数的apply()方法

apply() 方法接受数组 中的参数:
eg:
apply()方法

var person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}
var person1 = {
  firstName:"John",
  lastName: "Doe"
}
person.fullName.apply(person1, ["Oslo", "Norway"]);

eg:

与 call() 方法对比:
var person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}
var person1 = {
  firstName:"John",
  lastName: "Doe"
}
person.fullName.call(person1, "Oslo", "Norway");

在数组上模拟max方法

您可以使用 Math.max() 方法找到(数字列表中的)最大数字:

Math.max(1,2,3);  // 会返回 3

问题: JS数组没有 max() 方法
解决方案 可以应用Math.max方法
eg:

Math.max.apply(null, [1,2,3]);
 // 也会返回 3
Math.max.apply(Math, [1,2,3]); 
// 也会返回 3
Math.max.apply(" ", [1,2,3]);
 // 也会返回 3
  Math.max.apply(0, [1,2,3]); 
 // 也会返回 3

JavaScript 严格模式

  • 在 JavaScript 严格模式下,
    假设: apply() 方法的第一个参数不是对象
    结果: 则该参数将成为被调用函数的所有者(对象)。

  • 在“非严格”模式下,该参数成为全局对象。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值