JavaScript原型学习笔记

学习王福朋博客 深入理解javascript原型和闭包（完结）

JavaScript中一切（引用类型）都是对象，所以函数也是对象。对象，就是一系列属性的集合，所以我们可以对函数进行自定义属性。当每一个函数在定义的时候，会默认的给这个函数一个prototype属性，而这个prototype的属性值也是一个对象，默认有一个constructor属性，指向这个函数本身。

如上图，SuperType是一个函数，右侧的方框就是他的原型。

每一个对象也都有一个_ proto _属性，指向创建该对象的prototype属性。

var obj={};
obj._proto_===Object.prototype;//true

obj是由Object函数创建，因此它的_ proto _指向Object函数的prototype属性。
而Object.prototype也是一个对象，它的_ proto _指向null
而对于自定义函数来说，它的prototype本质上和var obj ={}是一样的，都是被Object创建的，所以它的_ proto _指向Object.prototype。

function Foo()={};
var f1=new Foo();
f1._proto_===Foo.prototype;//true
Foo.property._proto_===Object.prototype;//true
Object.prototype._proto_==null;//true

对于函数本身来说，他自己也是一个对象，它的_ proto _ 指向创建函数的Function.prototype。而Function.prototype指向的对象也是一个普通的被Object创建的对象，它的 _ proto _也指向Object.prototype。

Foo._proto_===Function.prototype;

Function._proto_===Function.prototype;//Function也是一个函数，函数是一种对象，也有__proto__属性。既然是函数，那么它一定是被Function创建。所以——Function是被自身创建的。所以它的__proto__指向了自身的Prototype。

Function.prototype._proto_===Object.prototype;

instanceof

instanceof运算符的第一个变量是一个对象，暂时叫做A，第二个变量是一个函数，暂时叫做B。instanceof的判断规则时：沿着A的_ proto _这条线来找，沿着B的prototype这条线来找，如果两条线能找到同一个引用，即同一个对象，那么就返回true，如果找到终点还未重合，就返回false。
instanceof表示的就是一种继承关系，或者原型链的结构。

原型链

访问一个对象的属性时，先在基本属性中查找，如果没有，再沿着_ proto _这条链向上找，这就是原型链。

function Foo(){}
var f1=new Foo();
f1.a=10;
Foo.prototype.a=100;
Foo.prototype.b=200;
console.log(f1.a);//10
console.log(f1.b);//200

用hasOwnProperty()方法可以判断一个对象的属性是在该对象上还是该对象的原型链上。

function Foo(){}
var f1=new Foo();
f1.a=10;
Foo.prototype.a=100;
Foo.prototype.b=200;
var item;
for(item in f1){
    console.log(item);//a b
}

function Foo(){}
var f1=new Foo();
f1.a=10;
Foo.prototype.a=100;
Foo.prototype.b=200;
var item;
for(item in f1){
    if(f1.hasOwnProperty(item))
    console.log(item);//a 
}

f1中并没有定义hasOwnProperty属性，在查找时，一直沿着原型链向上找找到Object.prototype。在Object.prototype中定义了我们常用的toString()，valueOf()等方法。由于所有的对象沿着原型链都会找到Object.prototype，因此所有对象都会有Object.prototype的方法，这就是所谓的继承。