javascript prototype vs. __proto__

一、prototype

1. prototype 是函数特有的原型对象，原型上的方法和属性会被函数的实例共享(这个时候这个函数应该称为类比较合适了)
2. prototype 都有一个 constructor 属性，指向类的自身

function Animal(){}
Animal.prototype.say = function(){
	console.log("hello world")
}
let cat = new Animal();
// 1. 
cat.say();	// hello world
// 2. 
Animal.prototype.constructor === Animal;	// true

二、__proto__

__proto__是每个对象都有的隐式原型属性，它指向创建这个对象的类的原型对象（prototype）

1. 这个属性是在浏览器支持的，其他运行环境不一定有这个属性（node.js有）
2. 操作对象原型上的数据，ES6建议的是使用 Object.setPrototypeOf(o, proto) 和 Object.getPrototypeOf(o) 方法

let o = {};
o.__proto__ === Object.prototype;	// true

function Animal(){};
let cat = new Animal();
cat.__proto__ === Animal.prototype;	// true

// 注意 setPrototypeOf, getPrototypeOf 操作的是对象的隐式原型属性
Animal.prototype.x = 1;
Object.setPrototypeOf(Animal, {
	x: 2
})
console.log(Animal.prototype.x);	// 1
console.log(Animal.__proto__.x);	// 2

三、一些区分

let o = {};
o.__proto__ === Object.prototype

function Animal(){};
// function函数本质就是Function类的实例
Animal.__proto__ === Function.prototype

// 箭头函数是Function类的实例，但箭头函数没有原型对象（这也是它不能作为构造函数的原因，没有原型，也就没有constructor）
let arrowFunc = () => {};
arrowFunc.__proto__ === Function.prototype
arrowFunc.prototype === undefined

// prototype本质就是一个对象，也就都是Object的实例
Animal.prototype.__proto__ === Object.prototype
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

// js原生类都是Function的实例
Function.__proto__ === Function.prototype
Object.__proto__ === Function.prototype
Symbol.__proto__ === Function.prototype