<!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>

        /*function Person(){}

        Person.prototype = {

            name:123,

            age:456,

        }

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

        alert(attributes2);//name,age

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

        alert(attributes3);//name,age,constructor */

//直接通过对象字面量来重写整个原型对象（这种方法会改变原型对象的构造器）。原型对象和普通对象没什么差别。       先去自己对象里面找再去原型对象里面找，类似于先去子类找再去父类找。

        // 简单原型

        function Person(){}

        Person.prototype = {

            //constructor : Person ,    //prototype默认constructor是函数本身，没写defineProperty必须得表示原型对象的构造器,在枚举的时候构造器也会枚举出来，但是构造器是不能被枚举的，

            name: 'z3' ,

            age : 20 ,

            job : '程序员' ,

            say : function(){

                alert('我是原型的函数!');

            }

        };

        // ECMA5 给原型对象重新设置构造器的方法 Object.defineProperty();

        // FF4+ ie8+ 才兼容ECMA5新特性

        // 3个参数  参数1 ：重设构造器的对象   参数2：设置什么属性  参数3：options配置项，配置项一般都是对象

        Object.defineProperty(Person.prototype , 'constructor' , {

             enumerable : false ,

             value : Person

        });//这样constructor就不能枚举了，上面的constructor : Person ,就可以不写了

        var p1 = new Person();

        alert(p1.name);

        p1.say();

        alert(Person.prototype.constructor); // Person

        // 枚举对象的keys

        for( attr in p1){

            alert(attr);

        }

        =================================================================================

        //原型的动态特性　实例对象必须在原型对象之后创建

        function Person(){

        }

        var p1 = new Person();

        Person.prototype.say = function(){alert('我是方法!')};

        p1.say();//没问题，没有修改原型对象的地址，只是加属性

        =============================================================================

        function Person(){

        }

        var p1 = new Person();  //开始 p1.__prpto__ === Person.prototype === 原型对象

        Person.prototype = {     //修改Person.prototype指向一个新对象

            constructor : Person ,    //可以被枚举

            say : function(){

                alert('我是原型的函数!');

            }

        };

        p1.say(); // error p1.__prpto__指向的先前的原型对象里面没有任何属性和方法

        // 注意简单原型使用的顺序(实例对象必须在原型对象之后创建)

        var p2 = new Person();

        p2.say();

        </script>

    </head>

    <body>

    </body>

</html>

js16--自定义原型对象的更多相关文章

  1. javascript面向对象系列第一篇——构造函数和原型对象

    × 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如 ...

  2. 浅谈JavaScript原型对象与相关设计模式

    引言 本文先从介绍JavaScript中基本的几种设计模式开始,最后引出原型对象,然后对原型对象有一个较全面的介绍. 1.创建对象的几种设计模式 A.工厂模式 我们知道在JavaScript中创建对象 ...

  3. JavaScript学习笔记之原型对象

    本文是学习<JavaScript高级程序设计>第六章的笔记. JS中,便于批量创建对象的三种模式: 1.工厂模式:用一个函数封装创建对象的细节,传入必要的参数,在函数内部new一个对象并返 ...

  4. jacascript 构造函数、原型对象和原型链

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 先梳理一下定义: 我们通常认为 object 是普通对象,function 是函数对象: Function ...

  5. __proto__、prototype和原型对象

    一.__proto__ 对象内部存在一个指针,用来指向上一层函数的原型对象.ECMA-262第五版中关这个指针叫[[prototype]],但Firefox.Safari和Chrome在每个对象上都支 ...

  6. javaScript系列 [03]-javaScript原型对象

    [03]-javaScript原型对象 引用: javaScript是一门基于原型的语言,它允许对象通过原型链引用另一个对象来构建对象中的复杂性,JavaScript使用原型链这种机制来实现动态代理. ...

  7. JavaScript 原型链学习（三）原型对象存在的问题 与 组合使用构造函数和原型

    原型对象也不是没有缺点.首先,它省略了为构造函数传递初始化参数这一环节, 结果所有实例在默认情况下都将取得相同的属性值.虽然这会在某种程度上带来一些不方便, 但还不是原型对象的最大问题.原型对象的最大 ...

  8. JavaScript 原型链学习（一）原型对象

    在JavaScript中创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有的实例共享的属性和方法.如果按照字面意思来理解 ...

  9. Object-Oriented（二）原型对象

    自用备忘笔记 1. 理解原型对象 只要创建函数,函数上就会创建一个 prototype 属性指向函数的原型对象. function Person() {} Person.prototype //指向该 ...

  10. js面向(基于)对象编程—类(原型对象)与对象

    JS分三个部分: 1. ECMAScript标准--基础语法 2. DOM  Document Object Model 文档对象模型 3. BOM  Browser Object Moldel 浏览 ...

随机推荐

  1. 移动端开发ios和安卓兼容问题

    移动端开发ios和安卓兼容问题 最近做移动端混合开的时候遇到一些安卓和iOS的兼容性问题,兼容想问题不仅在浏览器存在也在APP开发当中也会经常遇到这样的情况. 最近看了一下内容很不错的移动端开发相关的 ...

  2. 【Educational Codeforces Round 37 E】Connected Components?

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] bfs. 用一个链表来记录哪些点已经确定在某一个联通快里了. 一开始每个点都能用. 然后从第一个点开始进行bfs. 然后对于它的所有 ...

  3. 【转】C#中RSA加密解密和签名与验证的实现

    [转]C#中RSA加密解密和签名与验证的实现 RSA加密算法是一种非对称加密算法.在公钥加密标准和电子商业中RSA被广泛使用.RSA是1977年由罗纳德•李维斯特(Ron Rivest).阿迪•萨莫尔 ...

  4. Spring Tool Suit安装virgo server插件、virgo的下载

    virgo-tomcat原先是Spring DM Server,后来转eclipse社区维护 安装教程:http://osgi.com.cn/article/7289514 virgo-tomcat各 ...

  5. cocoapods的安装,使用,卸载,以及你可能会遇到的坑..

    首先, 不会用cocoapods的话如过你接手某些新项目是用cocoapods写的你会疯, 其次他真的非常好用, 当然某些坑也是存在的,比方你用它导入了AFNetwork然后你须要改动一些AF的内部的 ...

  6. nios sgdma（Scatter-Gather dma）示例

    在 Quartus7.2之后的版本中,除了原有的基于avalon-mm总线的DMA之外,还增加了Scatter-Gather DMA这种基于avalon-ST流总线的DMA IP核,它更适合与大量数据 ...

  7. Vim使用心得总结

    基本快捷键 v 进入可视模式 i / a 光标前/后插入模式 I / A 行首/末插入模式 Crtl+c 进入命令模式 Crtl+v 进入块可视模式 Q 进入EX模式 gh 进入选择模式 u 撤销 U ...

  8. R学习:《机器学习与数据科学基于R的统计学习方法》中文PDF+代码

    当前,机器学习和数据科学都是很重要和热门的相关学科,需要深入地研究学习才能精通. <机器学习与数据科学基于R的统计学习方法>试图指导读者掌握如何完成涉及机器学习的数据科学项目.为数据科学家 ...

  9. Scrapy 框架介绍

    Scrapy 框架 Scrapy,Python开发的一个快速.高层次的屏幕抓取和web抓取框架,用于抓取web站点并从页面中提取结构化的数据.Scrapy用途广泛,可以用于数据挖掘.监测和自动化测试. ...

  10. 安装成功的nginx，如何添加未编译安装模块（非覆盖安装http_image_filter_module）

    背景:1.做了图片上传小项目.2.图片上传,需要多图管理.3.图片上传,需要存储到Fastdfs.4.Fastdfs上的图片,和Nginx结合.5.Nginx从Fastdfs获得的图片,需要使用缩略图 ...