zoukankan      html  css  js  c++  java
  • js:深入prototype(上:内存分析)

    /**
     * 下面演示了通过原型的创建方式,使用基于原型的创建能够将属性和方法
     * 设置为Person专有的,不能通过window来调用。
     * 原型是javascript中的一个特殊对象,当一个函数创建之后,会随之就产生一个原型对象
     * 当通过这个这个函数的构造函数创建了一个详细的对象之后,在这个详细的对象中,就会有一个属性指向原型
     */
    //第一种状态                                     
    function Person(){                       
      
    }

    //另外一种状态
    Person.prototype.name = "octopus";         
    Person.prototype.age = 23;
    Person.prototype.say = function(){       
      alert(this.name+":"+this.age);
    }

    //第三种状态
    var p1 = new Person();
    p1.say();  //octopus:23
    say();  //say is not defined 通过window没有办法调用say方法,如此就完毕了封装

    //检測p1是否有_prop_指向Person的原型
    alert(Person.prototype.isPrototypeOf(p1));  //true

    //第四种状态
    var p2 = new Person();
    p2.name = "Ada";
    p2.say();  //Ada:23

    //检測p1是否有_prop_指向Person的原型
    alert(Person.prototype.isPrototypeOf(p1));  //true
    //检測某个对象的constructor
    alert(p1.constructor==Person);  //true
    //检測某个属性是否是自己的属性
    alert(p1.hasOwnProperty("name")); //false p1自己的空间中没有值
    alert(p2.hasOwnProperty("name")); //true  p2在自己的空间中设置了name
    //能够通过delete删除空间中的属性
    delete p2.name;
    p2.say(); //octopus:23
    alert(p2.hasOwnProperty("name")); //false

    //检測某个对象在原型或者自己中是否包括某个属性,通过 in 检測
    alert("name" in p1);  //true 

    alert("address" in p1);  //false

    -------------------------------------------------------------------------------------------------------------------------------------------------------------------

    原创文章如转载,请注明出处,本文首发于csdn站点:http://blog.csdn.net/magneto7/article/details/24913525
     

  • 相关阅读:
    java数组的相关方法
    spring boot 文件目录
    mysql 数据库安装,datagrip安装,datagrip连接数据库
    linux maven 的安装与配置
    java String字符串常量常用方法
    java 命名规范
    deepin 安装open jdk
    jetbrains(idea,webstorm,pycharm,datagrip)修改背景,主题,添加特效,汉化
    JVM学习(九)volatile应用
    JVM学习(八)指令重排序
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3761590.html
Copyright © 2011-2022 走看看