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属性

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。