JavaScript中call和apply的用法与区别

原创于 2021-03-29 23:53:07 发布 · 292 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了JavaScript中call和apply方法的用法，它们的主要作用是改变函数内部this的指向。在创建SmallCar对象时，通过Car.call()或Car.apply()将Car构造函数的上下文设置为新对象car。call方法直接传递参数，而apply则使用数组传递参数。这两个方法在实现继承和处理不定数量参数时非常有用。

call和apply的用法

例子

function Car(color,size) {
	this.color = color;
	this.size = size;
}
function SmallCar(color,size,date) {
	Car.call(this,color,size);
	this.date = date;
}
var car = new SmallCar('blue',12,23);

在这里插入图片描述
在new的时候，SmallCar方法中的this指向car，然后通过Car.call()方法改变Car方法中的this指向，让Car方法中的this指向car，而apply的用法与call相同但是传参形式不同，如下

function Car(color,size) {
	this.color = color;
	this.size = size;
}
function SmallCar(color,size,date) {
	Car.apply(this,[color,size]);
	this.date = date;
}
var car = new SmallCar('blue',12,23);