JavaScript高级day16-js中的函数中的显示原型与隐式原型

定义

每个函数function都有一个prototype，即显式原型(属性)
每个实例对象都有一个__proto__，可称为隐式原型(属性)

//定义构造函数
//定函的时候添加属性prototype 
  function Fn() {   // 内部语句: this.prototype = {}

  }
  // 1. 每个函数function都有一个prototype，即显式原型属性, 默认指向一个空的Object对象即原型对象
  console.log(Fn.prototype)
  // 2. 每个实例对象都有一个__proto__，可称为隐式原型，指向原型对象
  //创建实例对象 
  //创建对象的时候添加属性__proto__  
  var fn = new Fn()  //内部语句: this.__proto__ = Fn.prototype
  console.log(fn.__proto__)

对象的隐式原型的值为其对应构造函数的显式原型的值

// 3. 对象的隐式原型的值为其对应构造函数的显式原型的值
  console.log(Fn.prototype===fn.__proto__) // true
   //给原型添加方法
  Fn.prototype.test = function () {
    console.log('test()')
  }
  //通过实例调用原型的方法
  fn.test()

内存结构

调用方法时：
1先找对象本身中是否有该方法
2 通过隐式原型找到原型对象的方法 （其中隐式原型是由显式原型赋值的）

总结

函数的prototype属性: 在定义函数时自动添加的, 默认值是一个空Object对象
对象的__proto__属性: 创建对象时自动添加的, 默认值为构造函数的prototype属性值
程序员能直接操作显式原型（通过显式原型添加方法）, 但不能直接操作隐式原型(ES6之前)