<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        // isPrototypeOf(new instance); 判断原型的方法

        // ECMA5: Object.getPrototypeOf():根据实例对象获得原型对象

        function Person(){}

        Person.prototype.name = 'z3';

        Person.prototype.age  = 20 ;

        Person.prototype.sayName  = function(){alert('我是原型对象的方法!')};

        var p1 = new Person();

        alert(p1.name); // z3

        var prototypeObj = Object.getPrototypeOf(p1);

        alert(prototypeObj == Person.prototype);//true

        /* 每次代码读取一个对象的属性的时候: 首先会进行一次搜索:搜索实例对象里name的属性,看看有没有

         * 如果没有,再去p2的实例所对应的原型对象里去搜索name属性 如果有就返回 没有返回undefined

         */

        var p2 = new Person();

        p2.name = 'w5';        // 实例对象的name

        alert(p2.name);//w5

        delete p2.name ; //delete也可以删除方法

        alert(p2.name);        // 就想获得原型对象的name属性

        // 判断一个对象属性 是属于原型属性 还是属于实例属性

        var p3 = new Person();

        p3.name = 'z6';

        alert(p3.name);

        alert(p3.hasOwnProperty('name'));

        //in 操作符  ： for-in

        // in 操作符 判断属性是否是实例对象或者原型对象中

        var p1 = new Person();

        alert('name' in p1); // true

        var p2 = new Person();

        p2.name = 'w3';

        alert('name' in p2); // true

        // 就是判断一个属性 是否存在原型中

        // 在原型对象中 是否存在这个属性 第一个参数:当前对象 ，第二个参数:要判断的属性

        function hasPrototypeProperty(object , name){

            return !object.hasOwnProperty(name) && name in object ;

        }

        var p3 = new Person();

        p3.name = 'xiao A';

        alert(hasPrototypeProperty(p3,'name'));

        // ECMA5新特性 Object.keys();

        // 拿到当前对象里的所有keys 返回一个数组

        var p1 = new Person();

        p1.name = 'z3';

        p1.age = 20 ;

        var attributes = Object.keys(p1);

        alert(attributes);

        var attributes2 = Object.keys(Person.prototype);

        alert(attributes2);

        // ECMA5 constructor属性： 该属性是不能被枚举的[eable = false]

        // Object.getOwnPropertyNames 枚举对象所有的属性 ：不管该内部属性能否被枚举

        var attributes3 = Object.getOwnPropertyNames(Person.prototype);

        alert(attributes3);

        </script>

    </head>

    <body>

    </body>

</html>

js14--原型2的更多相关文章

  1. js-静态、原型、实例属性

    本篇来说一下js中的属性: 1.静态属性 2.原型属性 3.实例属性 静态属性: function klass(){} var obj=new klass(); klass.count=0; klas ...

  2. JS核心系列：浅谈原型对象和原型链

    在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function). 一般而言,通过new Function产生的对象是函数对象,其他对 ...

  3. 简单粗暴地理解js原型链--js面向对象编程

    原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好. 不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么.简单粗暴点看原型链吧, ...

  4. Js 原型和原型链

    Js中通过原型和原型链实现了继承 Js对象属性的访问,首先会查找自身是否拥有这个属性 如果查到,则返回属性值,如果找不到,就会遍历原型链,一层一层的查找,如果找到就会返回属性值 直到遍历完Object ...

  5. javaScript的原型继承与多态性

    1.prototype 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉 ...

  6. 《你不知道的JavaScript》整理（四）——原型

    一.[[Prototype]] JavaScript中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用. var myObject = { a: 2 }; myObje ...

  7. JS继承之原型继承

     许多OO语言都支持两种继承方式:接口继承和实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支 ...

  8. 深入浅出JavaScript之原型链&继承

    Javascript语言的继承机制,它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instanc ...

  9. 前端开发：面向对象与javascript中的面向对象实现（二）构造函数与原型

    前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型 前言(题外话): 有人说拖延症是一个绝症,哎呀治不好了.先不说这是一个每个人都多多少少会有的,也不管它究竟对生活有多么大的 ...

  10. PHP设计模式（六）原型模式（Prototype For PHP）

    原型设计模式: 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. 原型设计模式简单的来说,顾名思义, 不去创建新的对象进而保留原型的一种设计模式. 缺点:原型设计模式是的最主要的缺点就 ...

随机推荐

  1. Eclipse下面的Maven管理的SSH框架整合（Struts,Spring,Hibernate)

    搭建的环境:eclispe下面的maven web项目 Struts:    2.5.10 Spring:    4.3.8 Hibernate:   5.1.7 .Final MySQL:   5. ...

  2. BZOJ 4385 单调队列

    思路: 对于每一个r 要找最小的符合条件的l最优 这时候就要找在这个区间中 d长度的和的最大值 用单调队列更新就好了 //By SiriusRen #include <cstdio> #i ...

  3. C# DevExpress GridControl使用方法

    一.如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为:Click 二.如何新增一条记录 ().gridView.AddNe ...

  4. Ubuntu16.04添加HP Laserjet Pro M128fn打印机和驱动

    一.全部设置->打印机->添加新打印机  添加打印机 二.选择自动搜索到的网络打印机HP Laserjet Pro M128fn,点击添加. 三.添加打印机完成,打印测试页进行测试. 四. ...

  5. Python正则表达式初识（七）

    继续分享Python正则表达式的基础知识,今天给大家分享的特殊字符是“\s”.“\S”,具体的教程如下. 1.“\s”代表的意思是匹配空格,匹配模式“加\s油”代表的是字符“加”和“油”之间有空格的意 ...

  6. MongoDB常用操作整理

    Mongodb:是一种NoSQL数据库,NoSQL:Not Only SQLSQL: 数据表->JDBC读取->POJO(VO.PO)->控制层转化为JSON数据->客户端 这 ...

  7. Centos6.5 安装lnmp环境

    最近项目要配置在nginx上,所以搜索了下具体nginx的安装,看到这篇文章简洁明了而且测试成功就借用了,作品出处:http://www.cnblogs.com/xiaoit/p/3991037.ht ...

  8. Vue2.0八——知识点整理

    1.active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件. 2.怎么定义vue-router的动态路由?怎么获取传过来的动态参数? 答 ...

  9. qt程序实现打开文件夹

    QString path=QDir::currentPath();//获取程序当前目录 path.replace("/","\\");//将地址中的" ...

  10. Logback自定义日志输出内容

    场景 一般情况下,日志打印的内容都是根据配置文件中配置的pattern格式指定好的.在我们调用logger.info(), logger.debug()等日志打印方法时,打印的内容格式与配置文件中的p ...