JavaScript中call和apply的用法与区别

最新推荐文章于 2025-03-16 16:19:16 发布

boboj1

最新推荐文章于 2025-03-16 16:19:16 发布

阅读量267

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Wind_AN/article/details/115314458

版权

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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