• 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发生了关系。。。。

    转载:

    http://my.oschina.net/shangshi/blog/31932

  • 相关阅读:
    【树状数组·进阶篇】树状数组实现平衡树(树状数组上二分)
    【$Polya$定理·应用篇】$Polya$定理的几种模型简介
    【博弈论·入门篇】$SG$函数基础入门
    关于win10安装CPC专利软件以及win10安装office2003
    部署react项目到服务器,配置nginx的伪静态
    中等 39. 组合总和 (递归,去除数组中重复的元素)
    jsonp策略,cors响应头,实现跨域
    文档-关于这次参加比赛写文档的总结
    前端-关于这次暑假的和大家一起做项目的总结
    servlet获取前台数据或者返回前台数据乱码的问题
  • 原文地址:https://www.cnblogs.com/yuzhongwusan/p/2349370.html
Copyright © 2020-2023  润新知