javascript原型、原型链

js对象中都包含了一个prototype的内部属性,  这个属性对应的就是该对象的原型对象。

原型对象中, 还包含了一个constructor属性, 这个属性对应创建该原型实例的构造函数。

普通对象与函数对象:    

• js中,万物皆对象,但是对象也是有区别的.分为普通对象和函数对象, Object, Function是JS自带的函数对象

function f1() {}	type是 function
var f2 = function() {}	type是function
new Function('str')	type是function
new f1()	type是Object
{}	type是Object
new Object	type是Object

• 凡是通过new Function()创建的对象都是函数对象, 其他的都是普通对象

原型对象:    

• js中,每当定义一个对象(函数)时, 都会包含一些预定义属性, 其中函数对象的一个属性prototype就是原型对象(普通对象有prototype但是是内部属性外界访问不到, 但浏览器(谷歌)有__proto__属性指向prototype)

规则:

• 在js中, 每个函数都有prototype属性, 当一个函数被用作构造函数来创建实例时, 这个函数的prototype属性值会被作为原型赋值给所有对象实例(也就是设置 实例的"__proto__"属性), 也就是说所有实例的原型引用的是函数的prototype属性(只有函数对象才有这个属性)    

new的过程:    

• 例如: var  p = new Person("张三",20);

1. 初始化一个对象p    (var  p = {})
2. 将对象p的__proto__属性设置为Person.prototype;    (p.__proto__ = Person.prototype)
3. 调用构造函数来初始化p。    (Person.call(p, "张三" , 20 ))

Object:

• Object对象是所有对象的终点, 所有对象都继承了Object对象
• Object实质上是一个构造函数, Object实例化对象(new Object)是一个函数对象,  "Object.prototype"的值是"Object {}" (不是空对象)这个原型对象。"Object.prototype.__proto__"为null。也就是说Object对象的原型对象就是原型链的终点。

Function:    

• 在js中函数也是对象, 所以构造函数可以通过__proto__查找构造函数对象的原型
• 函数的prototype指向自己的prototype, 最终指向Object的protoype
• 函数的__proto__最终指向Function的prototype
• Function对象作为一个函数,  就会有prototype属性,值是"function (){}", 该原型对象的__proto__指向Object的prototype
• Function对象作为一个对象, 就有__proto__属性,  因为函数的__proto__指向Function的prototype。 所以, "Function.__proto__ === Function.prototype"    

原型链:    

• 什么是原型链:
  • 因为每个对象都有原型, 所以原型对象也有原型
  • 对象的原型指向父的原型, 父的原型指向父的父原型, 这样就形成了原型链
• 对象的属性查找机制:
  • 当查找对象的属性时, js会向上遍历原型链, 直到找到给定的名称的属性位置, 查找到顶部, 如果仍然没有找到该属性, 就会返回undefined