JS函数浅析之constructor、prototype属性

标签：

函数是JS里很神奇的一位童鞋。那么如何创建一个函数呢？简单来说有下面几种形式：
    1、定义式
    function a() {}
    2、声明式
    var a = function() {}; // 把一个匿名函数赋给一个变量
    3、构造函数
    var a = new Function(); // 用Function来实例化一个对象

    函数有什么用呢？封装，重用，对吧，把一些动作封装起来，让其他童鞋可以重复调用【使用()操作符即可】。
    函数按照功能分，可以分为：
    1、普通函数；
        普通函数就是一般方法的封装跟重用，如上面的a；
    2、构造函数；
        构造函数用来实例化一个对象，像是一道菜谱，按照这个菜谱炒了一盘菜；定义构造函数，有个不成文的规定，就是函数名大写，如：var A = function() {};
    3、对象方法;
        用来定义一个对象的方法，比如一个Person对象var Person = {};需要定义一个getName方法，如：Person.getName = function() {};

    函数之constructor
    每个函数都有一个constructor属性，这个属性指向创建自己的函数；如上文中的a函数，他的constructor指向谁呢？谁创建它指向谁呗？那是谁创建的呢？在firebug等控制台上输入a.constructor，显示Function()。为什么是Function呢？其实，无论用上面的哪种形式创建函数，在后台都会使用new Function()形式创建。那Function的constructor指向谁呢？很意外，还是Function？为什么？由于Function是ECMAScript规定的本地对象，独立于宿主环境，这说明只要打开宿主环境（如：浏览器）这个Function就可以用了。

    函数之prototype
    跟constructor一样，prototype也是每个函数默认就具有的属性，这个属性指向prototype对象，而prototype里面居然也有一个constructor属性，指向了这个函数。

    构造函数
    构造函数可以实例化一个对象：如：var Person = function() {}; var p = new Person(); 这个p就是通过Person创建的，那么它的constrctor指向了Person，而其内部还有个__proto__属性，在firefox、chrome等浏览器下可以直接访问这个属性，这个属性指向了prototype对象。

    实例、原型、构造函数 之间的关系
    实例是通过构造函数创建，但是跟构造函数没有直接关系，其内部的__proto__属性指向了prototype，而prototype（原型）的constructor指向了构造函数，构造函数的prototype属性指向了原型（prototype），所以说实例跟构造函数都是通过prototype发生了关系。。。。

转自《JS函数浅析之constructor、prototype属性》

JS函数浅析之constructor、prototype属性

标签：

原文地址：http://www.cnblogs.com/sirius-cg/p/4329188.html