js中的原型prototype、__proto__解析，万物皆对象

prototype

原型（prototype）：每一个函数在创建之后，无论这个函数是一个普通函数还是一个类，都会拥有一个名为prototype的属性，这个属性的属性值是一个对象（用来存储实例的公共的属性和方法）。这个对象有一个天生的属性constructor，属性值是当前函数本身。

例子：

//创建了函数Fn
function Fn() {
    this.x = 100,
    this.y = 200,
    this.say = function() {}
}
//Fn作为一个类，可以创建实例
var f1 = new Fn();
//Fn的prototype属性值是一个对象，这个对象的属性constructor属性值是Fn
console.log(Fn.prototype.constructor === Fn); //true

__proto__

任意一个对象都有一个天生的属性__proto__，这个属性的属性值是所属类的原型prototype。

function Fn() {
    this.x = 100,
    this.y = 200,
    this.say = function() {}
}
var f1 = new Fn();
//f1是Fn的实例对象，它的__proto__ 属性值是所属类Fn的prototype
console.log(f1.__proto__ === Fn.prototype); //true

对象的形式：

• 普通对象{}、数组[]、正则/^$/、Math、日期date、arguments等类数组对象、元素节点等
• 实例
• 类的prototype（Function.prototype除外，它是匿名空函数）
• 函数

类的原型上的方法和类的普通方法的区别

function Fn() {
    this.x = 100,
    this.y = 200,
    this.say = function() {}
}
Fn.prototype.eat = function() {};
var f1 = new Fn();
var f2 = new Fn();
console.log(f1.eat === f2.eat); //true 公共的方法
console.log(f1.say === f2.say); //true 私有的方法

万物皆对象的原因

1. 所有的函数都是Function内置类的实例；
2. 所有对象都是Object内置类的实例；
3. 函数也是对象，所以所有函数都是Object内置类的实例；
4. 基本包装类型：Boolean，Number，String。装类，其实也是对象，有相应的属性和方法。