js原型继承的几种方式

引言

js的原型继承有很多种方式,做原型继承主要为了用原型中的一些方法,这里分析了一些方案的可行性。

function Person() {}
function Man() {}
man = new Man();

方法1(完美继承)

Man.prototype.__proto__ = Person.prototype
man instanceof Man
true
man instanceof Person
true

方法2(不完美继承)

Man.__proto__ = Person.__proto__
man instanceof Man
true
man instanceof Person
false

方法3(不完美继承)

man = Object.create(new Person())
man instanceof Man
false
man instanceof Person
true

方法4(完美继承,为了继承多实例化一次,效率不好,如果Person有构造参数,还得加上new Person[xxx]就很难受)

Man.prototype = new Person();
man instanceof Man
true
man instanceof Person
true

方法5(完美继承, 推荐)

function Person(a) {
	if (a !== false) {return;}
}
function Man() {}
Man.prototype = new Person()  #此处 实例化直接 return 不损耗效率
man instanceof Man
true
man instanceof Person
true

方法6(完美继承,创建一个空的构造器,并重写子类的原型,解决了父类 new Person(xxx)必传构造参数的问题, 推荐)

function f () {}
f.prototype = Person.prototype
Man.prototype = new f();
man instanceof Man
true
man instanceof Person
true

你可能感兴趣的:(前端大锅)