Js理解之路：写一个比较完美的组合继承（ES5）

Perfect?

 

 

 

 

function Animal(...rest){
  Object.assign(this,{...rest});
}

Animal.prototype.say=function say(){
  console.log('wang');
}

function Dog(...rest){
  Animal.call(this,...rest)
  Object.setPrototypeOf(Dog.prototype,Animal.prototype);
}

Dog.prototype.sayOnce=function sayOnce(){
  console.log('say once');
}

const dog=new Dog('狗狗','猫猫');

dog.say();
dog.sayOnce();

是不是又很多疑惑点？？？

Object.assign是什么？  Object.setPrototypeOf是什么？

Object.setPrototypeOf()方法

千次阅读2020-10-02 11:59:00

1.Object.setPrototypeOf()，为现有对象设置原型，返回一个新对象
接收两个参数：第一个是现有对象，第二是原型对象。
2、new 命令通过构造函数新建对象实例的过程，其本质是将实例的原型，指向了构造函数的prototype属性，然后在实例上执行构造函数

 Object.assign是什么？

基本语法

Object.assign(target, ...sources)

基本概念

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。只要有一个参数不是对象，就会抛出TypeError错误。

基本用途

1、合并多个对象

var target = { a: 1, b: 1 };
var source1 = { b: 2, c: 2 };
var source2 = { c: 3 };
Object.assign(target, source1, source2);   // {a:1, b:2, c:3}