javascript prototype

JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象。

废话不说直接上代码

//普通对象
var eg1 = {}; 
var eg3 = new f1();
var eg2 = new Object();

//下面是通过new Function()   创建的对象，称为函数对象
function fun1(){}; 
var fun2 = function(){};
var fun3 = new Function('str','console.log(str)');

console.log(typeof fun1); //function 
console.log(typeof fun2); //function 
console.log(typeof fun3); //function   

console.log(typeof eg1); //------------------object 
console.log(typeof eg2); //------------------object 
console.log(typeof eg3); //------------------object

在 JavaScript 中，每当定义一个对象（函数也是对象）时候，对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性，这个属性指向函数的原型对象。

举个栗子↓↓↓

function Person() {}
Person.prototype.name = 'xxx';
Person.prototype.sayName = function() {
  console.log(this.name);
}
  
var person1 = new Person();
person1.sayName(); // 'xxx'

var person2 = new Person();
person2.sayName(); // 'xxx'

console.log(person1.sayName == person2.sayName); //true

此时此刻我们知道了 每个函数对象 都有一个 prototype,然后↓↓↓

function Person()  {}
Person.prototype = {
	name: 'xxx',
	sayName: function() {
		console.log(this.name);
	}
}
//这就是函数对象的那个神奇的东西   prototype,     实质很low的 ^_^，不过很重要

接下来我们说说constructor，首先我们明确一点，它是原型对象的一个默认属性，要更详细的的说,先看一下构造函数↓↓↓

function Person(name) {
 this.name = name;
 this.sayName = function() { console.log(this.name) } 
}
var person1 = new Person('xxx');
var person2 = new Person('yyy');
console.log(person1.constructor == Person); //true
console.log(person2.constructor == Person); //true

person1,person2 为Person的实例它们的constructor(构造函数属性)都指向Person，接下来我们来继续之前的内容

所有的原型对象都会自动获得一个 constructor（构造函数）属性，这个属性（是一个指针）指向 prototype 属性所在的函数（Person）实质就是：Person.prototype.constructor == Person
所以：原型对象（Person.prototype）是 构造函数（Person）的一个实例。

原型对象的用途
继承↓↓↓

  var Person = function(name){
    this.name = name; // this  ???
  };
  Person.prototype.getName = function(){
    console.log(this.name);  //this   ???
  }
  var person1 = new person('xxx');
  person1.getName(); //xxx
  
  两次的this实质都是person1

__proto__是实现原型链的关键，而prototype则是原型链的组成。
本文借鉴了：
《JavaScript 高级程序设计》
JavaScript中proto与prototype的关系