前端基础-this2

4.4 箭头函数能否当构造函数

参考答案：

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。

4.5 继承，优缺点

参考答案：

• 继承的好处
  • a：提高了代码的复用性
  • b：提高了代码的维护性
  • c：让类与类之间产生了关系，是多态的前提
• 继承的弊端
  • 类的耦合性增强了,但是开发的原则：高内聚，低耦合。

4.6 js继承的方法和优缺点

参考答案：

1. 原型链继承

   实现方式：将子类的原型链指向父类的对象实例

   function Parent(){
     this.name = "parent";
     this.list = ['a'];
   }
   Parent.prototype.sayHi = function(){
     console.log('hi');
   }
   function Child(){
   
   }
   Child.prototype = new Parent();
   var child = new Child();
   console.log(child.name);
   child.sayHi();

   原理：子类实例child的__proto__指向Child的原型链prototype，而Child.prototype指向Parent类的对象实例，该父类对象实例的__proto__指向Parent.prototype,所以Child可继承Parent的构造函数属性、方法和原型链属性、方法
   优点：可继承构造函数的属性，父类构造函数的属性，父类原型的属性
   缺点：无法向父类构造函数传参；且所有实例共享父类实例的属性，若父类共有属性为引用类型，一个子类实例更改父类构造函数共有属性时会导致继承的共有属性发生变化；实例如下：

   var a = new Child();
   var b = new Child();
   a.list.push('b');
   console.log(b.list); // ['a','b']

2. 构造函数继承

   实现方式：在子类构造函数中使用call或者apply劫持父类构造函数方法，并传入参数

   function Parent(name, id){
     this.id = id;
     this.name = name;
     this.printName = function(){
       console.log(this.name);
     }
   }
   Parent.prototype.sayName = function(){
     console.log(this.name);
   };
   function Child(name, id){
     Parent.call(this, name, id);
     // Parent.apply(this, arguments);
   }
   var child = new Child("jin", "1");
   child.printName(); // jin
   child.sayName() // Error

   原理：使用call或者apply更改子类函数的作用域，使this执行父类构造函数，子类因此可以继承父类共有属性 优点：可解决原型链继承的缺点 缺