导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JS 高级教程

JS 对象 JS 函数 JS 类 JS 迭代 JS Promises JS 模块

JavaScript Apply() 函数


方法重用

通过 apply() 方法,您能够编写用于不同对象的方法。


JavaScript apply() 方法

apply() 方法与 call() 方法非常相似:

在本例中,personfullName 方法被应用person1:

实例

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

亲自试一试 »


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

不同之处是:

call() 方法分别接受参数。

apply() 方法接受数组形式的参数。

如果要使用数组而不是参数列表,则 apply() 方法非常方便。


带参数的 apply() 方法

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"]);

亲自试一试 »

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

亲自试一试 »

由于 JavaScript 数组没有 max() 方法,因此您可以应用 Math.max() 方法。

实例

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

亲自试一试 »

第一个参数(null)无关紧要。在本例中未使用它。

这些例子会给出相同的结果:

实例

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() 方法的第一个参数不是对象,则它将成为被调用函数的所有者(对象)。在"非严格"模式下,它成为全局对象。


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。