JS实现继承的6种方式

JS实现继承的6种方式

父类：

function Person(name){
	this.name = name;//name 名称
	//work方法
	this.work = function() {
		console.log('my name is '+this.name);
		console.log('我要去工作')
	}
}
//sex 年龄
Person.prototype.sex = '未知';
//say方法
Person.prototype.say = function(){
	console.log(this.name+'说话了');
}

1.原型链继承

子类的原型等于父类的实例

function Student() {
	this.name = 'make';//name 名称
}
//使子类的原型等于父类的实例
Student.prototype = new Person('学生');
//创建子类实例
let student = new Student();

缺点：
1.新实例无法向父类构造函数传参
2.继承单一
3.所有新实例共享原型上的属性

1.构造函数继承

function Student(name,sex){
	//调用构造函数，改变this为Student并传值
	Person.call(this,name);
	this.sex= sex;	// sex 年龄
}
let student = new Student('make','男');

缺点：
1.只能继承父类构造函数的属性
2.无法复用父类构造函数，每次都需要调用

3.组合继承（原型链+构造函数）

function Student(name){
	Person.call(this,name);//构造函数继承
}
Student.prototype = new Person();//原型链继承
let student = new Student('make');

缺点：
1.调用了两次父类构造函数
2.子类构造函数会代替原型上的父类构造函数

4.原型式继承

function Student(obj){
	function fn(){};	//创建构造函数
	fn.prototype = obj;		//使原型等于传进来的对象
	return new fn();	//返回实例
}
let person = new Person();	//创建父类实例
let student = Student(person);	//调用容器函数

缺点：
1.所有实例都会继承原型上的属性
2.无法复用

5.寄生式继承

function Student(obj){
	function fn(){};	//创建构造函数
	fn.prototype = obj;		//使原型等于传进来的对象
	return new fn();	//返回实例
}
let person = new Person();	//创建父类实例
function NewStudent(obj){
	let student = Student(obj);
	student.name = 'make';
	return student;
}
let student = new NewStudent(person);

缺点：
1.没有用到原型，无法复用

6.寄生组合式继承

function Student(obj){
	function fn(){}
	fn.prototype = obj;
	return new fn();
}
let student = Student(Person.prototype);
function NewStudent(){
	Person.call(this);
}
NewStudent.prototype = student;
student.constructor = NewStudent;
let newStudent = new NewStudent();