call/apply例题集

最新推荐文章于 2022-04-03 17:45:15 发布

原创最新推荐文章于 2022-04-03 17:45:15 发布 · 261 阅读

1 ·

CC 4.0 BY-SA版权

向前端大佬看齐专栏收录该内容

20 篇文章

订阅专栏

本文详细解析了JavaScript中构造函数的使用方法，包括如何利用构造函数创建对象，以及通过call和apply实现继承的过程。展示了如何在子类中调用父类的构造函数，以初始化子类的属性。

例1：

function Person(name,age){
	// this == obj
	this.name = name;
	this.age = age;
}
var person = new Person();
var obj = {}
Person.call(obj,'lily',18);
// 这里的call将this从指向全局改变为指向obj
//借别人方法来构造自己的对象

在这里插入图片描述
例2：

function Person(name,age,sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
}
function Student(name,age,sex,tel,grade){
	Person.call(this,name,age,sex);
	this.tel = tel;
	this.grade = grade;
}
var student = new Student('lily',18,'male',135,2019);

在这里插入图片描述
例3：apply版

function Wheel(Wheelsize,style){
	this.Wheelsize = Wheelsize;
	this.style = style;
}
function Sit(sitColor){
	this.sitColor = sitColor;
}
function Model(height,width,len){
	this.height = height;
	this.width = width;
	this.len = len;
}

function Car(Wheelsize,style,sitColor,height,width,len){
	Wheel.apply(this,[Wheelsize,style]);
	Sit.apply(this,[sitColor]);
	Model.apply(this,[height,width,len])
}
var car = new Car(200,'花里胡哨','black',1800,900,300);