zoukankan      html  css  js  c++  java
  • 关于prototype属性的理解

          众所周知,prototype是一个属性对象,只要创建一个新函数,就会根据特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。

          需要注意的是,prototype是一个对象,他具体的内部结构是这样的:

         

    //创建一个原型对象
    function Foo(){};
    console.log(typeof Foo.prototype);  // 'object'
    Foo.prototype.x=1;
    Foo.prototype.show=function(){
    alert(this.name);
    }
    //则其内部结构 Foo.prototype { constructor:Foo, _proto_:Object.prototype,
    show:function()... x:
    1; }

       根据其内部结构我们再来看最上面的一句话,每个由原型对象创建的对象实例,都会有一个prototype属性,其指向原型对象的prototype属性。原型对象都会自动获得一个constructor属性,这个属性包含一个指向prototype属性所在函数的指针,即在这里的 Foo.prototype.constructor指向Foo.

       接下来我们在定义这样一段代码

    var foo=new Foo();
    foo.name="小明";
    

     当调用构造函数创建一个示例之后,该实例的内部将包含一个指针(内部属性__protot__),它将指向构造函数的原型对象,这里就是Foo.prototype

    这里,之所以foo对象实例能够调用show()方法的原因就是:js引擎在foo对象中没有找到show()方法,便通过其_proto_属性向上找到Foo.prototype属性里面的show()方法,来完成调用。

  • 相关阅读:
    Javascript继承,再谈
    RHEL7使用systemctl管理服务
    centos7进入单用户模式修改root密码
    IBM DS5020 管理口密码重置
    IBM小机拆镜像换盘
    HMC版本支持
    IBM产品系列和AIX系统版本
    AIX 6.1创建逻辑卷并挂载【smitty】
    AIX中的网络管理
    创建AIX克隆盘
  • 原文地址:https://www.cnblogs.com/qqqiangqiang/p/5168083.html
Copyright © 2011-2022 走看看