JS面向对象-原型链的认知

最新推荐文章于 2022-07-28 23:29:37 发布

原创最新推荐文章于 2022-07-28 23:29:37 发布 · 633 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS面向对象 #原型链 #call和apply

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍两种JavaScript中实现继承的方法：一种是通过原型链，另一种是使用call或apply方法。通过具体示例展示了如何让子类继承父类的属性和方法。

直接上代码

//第一种将父级实例化对象直接赋给子集的原型链 实现继承
	function Parent(array){
		this.array = array;
		this.color = "red";
		this.size = {width:'300px',height:"300px"};
	}
	function Child1(){
	 	this.border = '1px solid ' + this.color;
	}
	//子集可以继承父级的属性和方法
	Child1.prototype = new Parent();
	var child1 = new Child1();
	console.log(child1.border);//1px solid red


	// 第二种通过call  或者 apply实现继承
	function Child2(){
		Parent.apply(this,[{'name':'zhangsan'}]);
	 	this.border = '1px solid ' + this.color;
	 	console.log(this.array);//{'name':'zhangsan'}

	}
	var child2 = new Child2();
	console.log(child2.border);//1px solid red
	console.log(Parent.prototype.isPrototypeOf(child1));//true
	console.log(child2.hasOwnProperty('size'));//true
	console.log(child1 instanceof Child1);//true