js原型继承的几种方法

JavaScript019

js原型继承的几种方法,第1张

利用原型链来实现继承，父类的一个实例作为子类的原型

原理： 子类的原型对象 指向 父类的实例 ， 当 子类实例 找不到属性和方法时，会沿着原型链往上找。

优点:简单，既是子类实例也是父类实例，父类新加原型方法或者属性，子类都能访问到

缺点：

通过使用call、apply方法可以在新创建的对象上执行构造函数,用父类的构造函数来增加子类的实例

原理： 子类的构造函数中执行父类的构造函数，并且改变子类的this绑定

优点：简单，直接父类的属性和方法

缺点：无法继承原型链上的属性方法

将父类原型对象直接赋值给子类的构造函数，再将空属性的构造函数实例赋值给子类原型对象

优点：完美实现继承，解决了组合式继承带两份属性的问题； new Child的时候不用 每次都 new Parent

缺点： 子类的prototype添加方法会影响 父类的prototype

将父类原型对象直接赋值给子类的构造函数，再将空属性的构造函数实例赋值给子类原型对象

优点：完美实现继承，解决了组合式继承带两份属性的问题； new Child的时候不用 每次都 new Parent

将等待继承的原型对象克隆，再赋值给继承的原型对象

优点：直接通过对象生成一个继承该对象的对象

缺点：不是类式继承，而是原型式基础，缺少了类的概念

参考： https://www.jb51.cc/note/413574.html

https://blog.csdn.net/qq_42926373/article/details/83149347

function People(name)

{

this.name=name

//对象方法

this.Introduce=function(){

alert("My name is "+this.name)

}

}

//类方法

People.Run=function(){

alert("I can run")

}

//原型方法

People.prototype.IntroduceChinese=function(){

alert("我的名字是"+this.name)

}

//测试

var p1=new People("Windking")

p1.Introduce()

People.Run()

p1.IntroduceChinese()

1、对象方法理解就很简单了，主要是如果类生成一个实例，那么该实例就能使用该方法

2、类方法，不需要通过生成实例就可以使用的方法

3、原型方法主要是用来对JS已有的系统对象进行扩展而生的，例如Array数组没有什么方法，你可以为其增加原型方法，那么创建的数组就拥有了该方法。

1、对象方法包括构造函数中的方法以及构造函数原型上面的方法；

2、类方法，其实这里的类就是一个函数，在js中由于函数也是一个对象，所以可以为函数添加属性以及方法，这种方法在node中用的比较多；

3、原型方法一般用于对象实例共享，比如Person.prototype.sayName=function(){console.log(this.name)}在原型上面添加该方法，就能实现共享。这样就不用每一次初始化一个实例的时候，为其分配相应的内存了。

顶

0

踩