1.js基础-原形与原形链

有如下代码：

function Animal(name) {
  // 属性分为两种  实例属性和公共属性
  this.name = name; // 构造函数中用this.出来的  都是实例的属性
  this.arr = [1, 2, 3];
}

Animal.prototype.address = { location: '深山老林' };

let a1 = new Animal('猴子');
let a2 = new Animal('猩猩');

先通过一张图来说明

下面来对上图做进一步说明：

1.在创建一个构造函数的时候，会同时创建出这个构造函数的原型对象，其中构造函数的prototype指向该原型对象，原型对象的constructor指向该构造函数

function Animal(name) {}
console.log(Animal.prototype.constructor === Animal); // true

 2.创建一个构造函数的实例a1，a1的__proto__ 指向构造函数的原型，a1可以根据原型对象的constructor 间接找到构造函数,但a1与Animal之间没有直接联系，因为a1中并没有constructor属性，通过a1.hasOwnProperty可以看出来

function Animal(name) {}
let a1 = new Animal('猴子');
console.log(a1.__proto__ === Animal.prototype); // true
console.log(a1.constructor === Animal); // true
console.log(a1.hasOwnProperty('constructor')); // false

 3.任何对象都是Object的子类型，Animal的原型对象的__proto__ 指向Object的原型对象

4.Object的原型对象的__proto__ 是null

 

5.构造函数都是由Function 创建的，所有构造函数的constructor都指向Function，所有构造函数的__proto__都指向Function的prototype