call
call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。
apply
apply() 方法调用一个具有给定this值的函数,以及作为一个数组(或类似数组对象)提供的参数。
两者之间的区别
call()方法接受的是若干个参数的列表
apply()方法接受的是一个包含多个参数的数组。
栗子1:通过call实现继承
function Product(name, price) {
this.name = name;
this.price = price;
if (price < 0) {
throw RangeError(
'Cannot create product ' + this.name + ' with a negative price'
);
}
}
function Food(name, price) {
Product.call(this, name, price);
this.category = 'food';
}
//等同于
function Food(name, price) {
this.name = name;
this.price = price;
if (price < 0) {
throw RangeError(
'Cannot create product ' + this.name + ' with a negative price'
);
}
this.category = 'food';
}
栗子2:通过apply实现ES6的展开运算符功能
let values = [25, 50, 75, 100];
console.log(Math.max.apply(null, values));
//ES6写法
console.log(Math.max(...values));
栗子3:通过call扩展作用域
var color = 'red';
let box = {
color: 'blue';
};
function sayColor() {
alert(this.color);
}
sayColor(); //red,作用域在window
sayColor.call(this); //red,作用域在window
sayColor.call(window); //red,作用域在window
sayColor.call(box); //blue,作用域在box,对象冒充
使用 call() (或 apply() )来扩充作用域的最大好处,就是对象不需要与方法有任何耦合关系。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。