js原型,继承

javascript是为了成为轻量级的语言而开发的。开发者并没有选择像其他面向对象的语言一样,定义类(class),而是使用了protopype实现继承。

每一个函数在创建时,都会创建它的Prototype.

而这个函数,如果被用来创造实例,则被称为构造函数(constructor)。

在c++语言中,构造函数是这样的.

class A{
  public:
    A();//声明constructor
}

在js中,被实例化出的对象,拥有一个属性。指向它的构造函数。

function A(){}
let a = new A()
a //A {} ,如下图
a.__proto__.constructor 即构造函数。
A.prototype具有一个constructor属性,指向A本身: ƒ A()

 

 

继承的意义,简单来说,就是把相同的数据或方法,存在同一块内存地址中,可以被不同的实例使用(节省空间)。

如果两个实例,拥有同一个prototype,那么它们就可以共用这个prototype。

对象间"继承"的方法:

1.如果构造函数不同的实例,怎样使用相同的prototype呢?

  答案1 ,apply || call (构造函数继承)

 function Human(){
    this.species = "人类";
  }

  function Man(name){
            Human.apply(this,arguments);
    this.name = name;
  }
    let kk = new Man("kk");
    kk.name //"kk"
    kk.species //"人类"

  答案2,覆盖prototype(原型链继承)

  function Human(){
    this.species = "人类";
  }

  function Man(name){
    this.name = name;
  }

  Man.prototype = new Human();//使用实例替换原来的prototype
   Man.prototype.constructor = Man;//替换实例的constructor。
   let p = new Man("p")

  答案3,组合继承(1,2两种都用。)也就是说,既有了复制过来的属性,然后又可以用prototype。

   答案4:在prototype上面定义属性,而不是this。(原型继承?)

Human.prototype.like ="sugar";
Man.prototype = Human.prototype;//同样替换了Prototype.但是此时的prototype就是Human的prototype,就不可以替换掉它的constuctor了。
let e = new Man("e");
e.like//"sugar"

 

  答案4:拷贝继承.

  把其他prototype上的方法复制到自己的Prototype上。

 

2,如果要继承的对象并没有构造函数如何实现继承呢?

  1.把要继承的对象附加到原型链上

function copyObject(parent){
    var f = function(){};
    f.prototype = parent;
    return new f();
}
let hair = {
    hairType:"black"
}

let t = copyObject(hair);
t.hair //"black"

  2.deep copy

  function deepCopy(p, c) {

    var c = c || {};

    for (var i in p) {

      if (typeof p[i] === 'object') {

        c[i] = (p[i].constructor === Array) ? [] : {};

        deepCopy(p[i], c[i]);

      } else {

         c[i] = p[i];

      }
    }

    return c;
  }

 

 
posted @ 2018-01-11 12:16  Esther_Cheung  阅读(154)  评论(0编辑  收藏  举报