<!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. error C2440: “static_cast”: 无法从“LRESULT (__thiscall CTextProgressCtrl::* )(UINT,LPCTSTR)”转换为“LRESULT (__thiscall CWnd::* )(WPARAM,LPARAM)

    转自原文 error C2440 “static_cast” 无法从“void (__thiscall C* )(void)... error C2440: “static_cast”: 无法从“LR ...

  2. 用react native 做的一个推酷client

    用react native 做的一个推酷client 仅供大家參考.仅仅为抛砖引玉.希望大家能以此来了解react.并编写出很多其它的优质的开源库,为程序猿做出贡献. 用的的组件: Navigator ...

  3. 使用LruCache和DiskLruCache来下载图片

    LruCache是一个非常好用的图片缓存工具: 主要做法是:滑动图片时将图片的bitmap缓存在LruCache<String, Bitmap>中,退出程序后将图片缓存进文件中.採用Dis ...

  4. HDU 2444 The Accomodation of Students 二分图判定+最大匹配

    题目来源:HDU 2444 The Accomodation of Students 题意:n个人能否够分成2组 每组的人不能相互认识 就是二分图判定 能够分成2组 每组选一个2个人认识能够去一个双人 ...

  5. 2.最详细的WSDD配置文件注释

    https://blog.csdn.net/u011063151/article/details/52590282

  6. Laravel 框架指定路由关闭 csrf

    修改 app\Http\Middleware\VerifyCsrfToken.php 内容: <?php namespace App\Http\Middleware; use Closure; ...

  7. Vuejs2.0构建一个彩票查询WebAPP(2)

    一,Vuex的使用 import Vue from 'vue' import Vuex from 'vuex' import MsgModules from './MsgModules' Vue.us ...

  8. JS对象继承与原型链

    1.以复制方式实现的继承 1.1浅拷贝 基本类型的复制 var parent = { lanage: "chinese" } var child = { name: "x ...

  9. codeforces 140E.New Year Garland

    传送门: 解题思路: 要求相邻两行小球颜色集合不同,并且限制行内小球相邻不同. 由此可得:每行小球排列都是独立与外界的, 所以答案应该是对于所有行的颜色集合分类,在将行内的答案乘到上面. 先考虑如何分 ...

  10. 紫书 例题 9-13 UVa 1220 （最大独立子集）

    这里的状态定义的非常的巧妙,d(i, 1)表示以i为根节点且选i的子树的最大独立子集 d(i, 0)表示以i为根节点且不选i的子树的最大独立子集 d(i, 1) = sum{ d(v, 0) | v是 ...