原型对象
JS原型对象初始化
参考函数创建的简单步骤，如下:
F = new NativeObject(); //第一步：设置Class:function; F.[[Class]] = "Function" //第二步：函数对象的隐式prototype指向Function的显示原型, function的prototype也是一个对象, 是Object对象的实例, Object又是由Function构建出来的， 所以可以循环此步骤; F.[[Prototype]] = Function.prototype //第三步：初始化 F.[[Call]] = <reference to function> F.[[Construct]] = internalConstructor //第四步：初始化当前执行上下文的作用域链 F.[[Scope]] = activeContext.Scope // 如果函数通过new Function(...)来创建，那么 F.[[Scope]] = globalContext.Scope //第五步：初始化传入参数的个数 F.length = countParameters //第六步：F对象创建的原型 __objectPrototype = new Object(); __objectPrototype.constructor = F F.prototype = __objectPrototype return F
什么是原型对象
-
从上面可以看出, 每一个构造函数都有一个原型属性, 称为prototype, 它指向一个对象, 这个对象称为原型对象;
-
默认所有原型对象自动获得constructor属性；constructor又引用了函数本身，所以也形成了JS中的构造函数和prototype的循环引用；
原型对象的问题
- 原型对象是由所有实例共享，对于包含引用类型值的属性来说，修改会影响到所有的实例；
- 原型模式广泛应用于原生的引用类型如Object、Array、String等, 但不推荐在程序中修改原生对象的原型, 容易导致命名冲突；
原型链
一般的解释:
- 所有对象都可以有原型，并且原型也是对象，所以接着它们也可以有原型，原型又可以有原型，如此就形成了所谓的原型链。当链条中的对象有一个值为null 的原型时，原型链终止。
ECMA的解释：
- Every object created by a constructor has an implicit reference (called the object’s prototype) to the value of its constructor’s “prototype” property. Furthermore, a prototype may have a non-null implicit reference to its prototype, and so on; this is called the prototype chain.
看了如上中文解释，你肯定会困扰吧？是因为它只一味的提到原型； 而没有对隐式的原型 [[prototype]]和显示的prototype进行区分；
所以你可能会认为, 按照第一种解释如下代码先寻找A.prototype, 发现A.prototype = null; 原型链终止，A.toString是不是会报undefined呢？
//分析function A的原型链
function A() {}
A.prototype = null;
A.toString();
再看英文解释： Every object created by a constructor has an implicit reference (called the object’s prototype) to the value of its constructor’s “prototype” property；
非常清晰：
- 所有由构造器创建的对象都有一个隐式的prototype， 它指向构造器的prototype属性
- 所以原型链其实是由当前对象的隐式prototype指针指向的对象的隐式prototype指针指向的对象的…., 直到隐式prototype指向的对象为空为至；有点饶；
Object的prototype是null吗?
解释一：Object 构造器的默认原型值为null；
解释二：15.2.4 Properties of the Object Prototype Object
The value of the [[Prototype]] internal property of the Object prototype object is null, the value of the [[Class]] internal property is “Object”, and the initial value of the [[Extensible]] internal property is true.
解释一也存在和上面一样的问题,而英文的解释则非常明显:
并非Object.prototype = null而是function Object中的隐式的prototype为null, 如下:
function Object() {};
var obj = new Object();
obj.[[prototype]] = Object.prototype
Object.prototype.[[prototype]] = null;
示例
看了上述的描述， 如果你完全理解了显示prototype和隐式prototype，我想你应该会很快n能画出如下对象的原型链了。试试看吧：
示例1：请描述a对象的原型链
var A = function() {};
A.prototype = { b: 2, c: 3 };
var a = new A();
示例二：请描述b对象的原型链
var A = function() {}
A.prototype = { b: 2, c: 3 };
var B = function() {}
B.prototype = new A();
var b = new B();