JS原型和继承

Posted 钢铁小坦克

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原型和继承相关的知识,希望对你有一定的参考价值。

1.创建对象的方式

工厂模式:使用简单的函数构造函数,为对象添加属性与方法,然后返回对象。这个模式后来被构造函数模式取代

构造函数模式:可以创建自定义引用类型,可以向创建内置对象实例一样使用new

原型模式:使用构造函数的prototype属性来指定那些应该共享的属性和方法。

组合使用狗仔函数模式与原型模式时,使用构造函数来定义实例属性,使用原型来定义共享的属性和方法。

2.继承

原型链继承共享的属性和方法,借助构造函数继承实例属性

function Person(name,sex){
    this.name=name;
    this.sex=sex;
}
Person.prototype.showName=function(){
    alert(this.name);
}
Person.prototype.showSex=function(){
    alert(this.sex);
}

function Worker(name,sex,job){
    Person.call(this,name,sex);
    this.job=job;
}
for(var in Person.prototype){
    Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.showJob=function(){
    alert(this.job);
}
var obj=new Worker(‘blue‘,‘女‘,‘计算机‘);
obj.showName();
obj.showSex();
obj.showJob();

3.一些基本概念

原型对象:每个构造函数都有一个属性---原型对象(prototype)。fun.prototype  就是fun的一个实例对象。就在fun创建的时候,就创建了一个它的实例对象并赋值给它的prototype。

原型对象的作用:主要用来继承

原型链:JS在创建对象的时候,无论是普通对象还是函数对象,都有一个叫_proto_的内置属性,用于指向创建它的函数对象的原型对象prototype  实例与原型的链条

总结:每个构造函数都有一个原型对象。原型对象都包含一个指向构造函数的指针,而实例都包含了一个指向原型对象的内部指针。

























以上是关于JS原型和继承的主要内容,如果未能解决你的问题,请参考以下文章

js原型链和继承的理解

理解js中是原型链? 如何实现继承?

JS基础-原型继承

对于js原型和原型链继承的简单理解

前端面试题总结二(js原型继承)

继承 (js原型链)