js-继承

作者: 饭饭七 | 来源:发表于2017-07-10 14:05 被阅读0次

一、构造函数绑定
使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行。Animal.apply(this, arguments);
二、prototype模式
  Cat.prototype = new Animal();
  Cat.prototype.constructor = Cat; //纠回prototype对象的constructor值
三、直接继承
  function Animal(){ }
  Animal.prototype.species = "动物";
将Cat的prototype对象,然后指向Animal的prototype对象,这样就完成了继承
Cat.prototype = Animal.prototype;
  Cat.prototype.constructor = Cat;
与前一种方法相比,这样做的优点是效率比较高(不用执行和建立Animal的实例了),比较省内存。缺点是 Cat.prototype和Animal.prototype现在指向了同一个对象,那么任何对Cat.prototype的修改,都会反映到Animal.prototype。
四、非构造函数的继承
1、使用object()方法
  function object(o) {
    function F() {}
    F.prototype = o;
    return new F();
  }
var Doctor = object(Chinese);
2、浅拷贝
把父对象的属性,全部拷贝给子对象,也能实现继承。
function extendCopy(p) {
    var c = {};
    for (var i in p) {
      c[i] = p[i];
    }
    c.uber = p;
    return c;
  }
var Doctor = extendCopy(Chinese);
  Doctor.career = '医生';
  alert(Doctor.nation); // 中国
这样的拷贝有一个问题。那就是,如果父对象的属性等于数组或另一个对象,那么实际上,子对象获得的只是一个内存地址,而不是真正拷贝,因此存在父对象被篡改的可能。
3、深拷贝
所谓"深拷贝",就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难,只要递归调用"浅拷贝"就行了。
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;
  }
//更改子对象不会影响父对象。

相关文章

网友评论

      本文标题:js-继承

      本文链接:https://www.haomeiwen.com/subject/rhjyhxtx.html