【Javascript高级知识】深刻理解原型链之继承的多种实现方式和优缺点

Javascript 之继承的多种实现方式和优缺点

一、 原型链继承

    function Parent() {
   
      this.name = 'zhangsan';
      this.children = ['A', 'B', 'C'];
    }
    Parent.prototype.getName = function() {
   
      console.log(this.name);
    }
    
    function Child() {
   
      
    }
    Child.prototype = new Parent();
    var child = new Child();
    console.log(child.getName());

主要问题：
1. 引用类型的属性被所有实例共享(this.children.push(‘name’))
2. 在创建Child的实例的时候，不能向Parent传参

二、借用构造函数（经典继承）

    function Parent(age) {
   
      this.names = ['zhangsan', 'lisi'];
      this.age = age;
      
      this.getName = function() {
   
        return this.names;
      }
      
      this.getAge = function() {
   
        return this.age;
      }
    }
    
    function Child(age) {
   
      Parent.call(this, age);
    }
    var child = new Child(