zoukankan      html  css  js  c++  java
  • javascript原型链继承

    当定义一个函数的时候,函数对象就会默认带一个prototype对象属性。

    通过new去构造一个对象(obj),它的原型会指向构造器的prototype属性(foo.prototype)。

    function foo(){
    }
    foo.prototype.z = 3;
    var obj = new foo();
    obj.x = 1;
    obj.y = 2;
    console.log(obj.x,obj.y,obj.z); //1,2,3
    //虽然在obj对象上没有定义toString属性
    //但在原型链Object.prototype上定义
    console.log(typeof obj.toString) //function

    当我们去访问obj.x和obj.y的时候,发现这个对象上有有x属性和y属性,所以返回值为1和2。当访问obj.z时发现对象上没有这个属性,js并不会停止查找,而是会查找它的原型(foo.prototype)。在它的原型上发现有z属性,所以返回值为3。

    用函数对象默认的prototype对象也是有原型的,它的原型为Object.prototype。而Object.prototype的原型则是null。

    总结:当在一个对象上没有找到属性,js就会通过原型链向上去查找,一直找到null如果还没有找到的话,就返回undefined

    function foo(){
    }
    foo.prototype.z = 3;
    var obj = new foo();
    obj.z = 5;
    console.log(obj.z,foo.prototype.z); //5,3

    由于在obj上可以查到属性z,就会直接返回,而不会向上查找

  • 相关阅读:
    javascript的闭包的形成
    MongoDB 基础
    VirtualBox的四种网络连接方式
    jquery插件Asgrid开发小记
    jQuery插件开发指南[转]
    javascript对Dom操作中table添加行性能问题
    【对.NET系统架构改造的一点经验和教训】的技术要点的看法
    杭电1205
    杭电1248
    杭电2059
  • 原文地址:https://www.cnblogs.com/yaotome/p/9256822.html
Copyright © 2011-2022 走看看