js构造函数与原型对象的区别与联系

建议阅读本篇之前先了解原型对象和构造函数的概念，你可以看JS链知多少？了解原型，看学好js，这些js函数概念一定要知道了解构造函数。

首先看个例子：

   var ary = new Array();

js中构造函数是用来初始化对象的,所以每个对象都会有一个构造函数，上例中ary的构造函数就是Array。js中每个对象都会有一个constructor属性，这个属性的值就是相应对象的构造函数。所以下面的表达式成立:

   ary.constructor === Array   // true

由于js中函数也是对象，所以构造函数Array也有constructor属性，所有的构造函数对象都是系统构造函数Function初始化来的，所以下面的表达式也成立:

   Array.constructor !== Array     //true
   Array.constructor === Function    //true

js中每一个对象都会有一个原型对象与之对应，并且从原型对象上继承属性。由此可见上例中ary对象的原型对象来自于构造函数Array，在js中可以通过构造函数的prototype属性来获得原型对象的引用，因此ary对象的原型对象即是Array.prototype，也即ary对象属性继承自Array.prototype对象。因为每个对象都继承自原型对象，所以所有的构造函数（扩展开来应该是js中所有的函数）都有prototype属性，并且只有函数对象才有prototype属性；以上，由于ary对象的原型对象来自于构造函数Array的prototype属性，所以下面的表达式也成立：

   Array.prototype.constructor === Array     //true

由此可以得出的结论：

• js中函数对象都有prototype,constructor属性；普通对象都有constructor属性，没有prototype属性，由JS链知多少？这篇文章可知，普通对象用__proto__属性表示原型对象；
• 下面的表达式都是成立的：

     ary.constructor === Array  //true
     ary.constructor === Array.prototype.constructor  //true
     ary.constructor.prototype === Array.prototype   //true
     Array.prototype.constructor === Array   //true
     Array.constructor === Function  //true

全文完