这个BLOG不错，我练习了一下代码。

感觉他是个高手。

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

http://www.w3cfuns.com/notes/17398/35b250e9b392675c44f4f0cd833b72c8.html

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

<html>
<head>
<title>Test</title>
<script>
    var girl = {
        name: '小雪'
    };
    var boy = {
        name: '小帅',
        pay: function() {
            console.log('花了一千元');
        }
    };
    Object.setPrototypeOf(girl, boy);
    girl.pay();
    var a = {
        fn1: function() {
            console.log(1);
        }
    };
    var b = {
        fn2: function() {
            console.log(2);
        }
    };
    var c = {
        fn3: function() {
            console.log(3);
        }
    };
    var d = {
        fn4: function() {
            console.log(4);
        }
    };
    Object.setPrototypeOf(d, c);
    Object.setPrototypeOf(c, b);
    Object.setPrototypeOf(b, a);
    d.fn1();
    d.fn2();
    d.fn3();
    d.fn4();

    var a = {
        sayName: function() {
            alert(this.name);
        }
    };
    var laoyao = {
        name: 'laoyao'
    };
    Object.setPrototypeOf(laoyao, a);
    //laoyao.sayName();
    var laoyao = {
        name: 'laoyao',
        sayName: function() {
            alert(this.name);
        }
    };
    //var fenshen = {};
    //Object.setPrototypeOf(fenshen, laoyao);
    var fenshen = Object.create(laoyao);
    console.log(fenshen);
    //fenshen.sayName();

    var createPerson = function(name) {
        return {
            name: name,
            sayName: function() {
                alert(this.name);
            }
        };
    };
    var laoyao = createPerson('laoyao');
    //laoyao.sayName();
    var createPerson = function(name) {
        var o = {};
        o.name = name;

        var proto = {
            sayName: function() {
                alert(this.name);
            }
        };
        Object.setPrototypeOf(o, proto);
        return o;
    };
    var laoyao = createPerson('laoyao');
    //laoyao.sayName();
    var createPerson = function(name) {
        var o = {};
        o.name = name;
        Object.setPrototypeOf(o, createPerson.proto);
        return o;
    };
    createPerson.proto = {
        sayName: function() {
            alert(this.name);
        }
    };
    var laoyao = createPerson('laoyao');
    laoyao.sayName();
</script>
</head>
<body>
test
</body>
</html>

练习prototype的实现的更多相关文章

  1. js闭包 和 prototype

    function test(){ var p=200; function q(){ return p++; } return q; } var s = test(); alert(s()); aler ...

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

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

  3. Function.prototype.toString 的使用技巧

    Function.prototype.toString这个原型方法可以帮助你获得函数的源代码, 比如: function hello ( msg ){ console.log("hello& ...

  4. 分析js中的constructor 和prototype

    在javascript的使用过程中,constructor 和prototype这两个概念是相当重要的,深入的理解这两个概念对理解js的一些核心概念非常的重要. 我们在定义函数的时候,函数定义的时候函 ...

  5. C#设计模式：原型模式（Prototype）及深拷贝、浅拷贝

    原型模式(Prototype) 定义: 原型模式:用原型实例指定创建对象的种类,并且通过复制这些原型创建新的对象.被复制的实例被称为原型,这个原型是可定制的. Prototype Pattern也是一 ...

  6. 关于JS的prototype

    在接触JS的过程中,随着理解的深入会逐渐的理解一些比较深奥的理论或者知识,那么今天我们来介绍一下比较难理解的prototype和constructor. 初步理解: 在说prototype和const ...

  7. js中的原型prototype

    var arr1 = new Array(12,34,98,43,38,79,56,1); arr1.sum=function (){ var result = 0; for(var i=0; i&l ...

  8. [基础] Array.prototype.indexOf()查询方式

    背景 最近在看Redux源码,createStore用于注册一个全局store,其内部维护一个Listeren数组,存放state变化时所有的响应函数. 其中store.subscribe(liste ...

  9. prototype,__proto__,constructor

    proto属性: 所有对象都有此属性.但它不是规范里定义的属性,并不是所有JavaScript运行环境都支持.它指向对象的原型,也就是你说的继承链里的原型.通过Object.getPrototypeO ...

  10. js构造函数的方法与原型prototype

    把方法写在构造函数内的情况我们简称为函数内方法,把方法写在prototype属性上的情况我们简称为prototype上的方法 函数内的方法: 使用函数内的方法我们可以访问到函数内部的私有变量,如果我们 ...

随机推荐

  1. 简单了解Hibernate核心API

    一.SessionFactory 1.它代表的是数据库的连接,其实就是在hibernate.cfg.xml文件中的配置信息 2.可以预定义SQL语句 3.SessionFactory是线程安全的,它维 ...

  2. CSS 2D转换 matrix() 详解

    2D转换 IE10.Firefox.Opera 支持 transform 属性 Chrome.Safari 需要前缀 -webkit- . IE9 需要前缀 -ms- . translate():接收 ...

  3. cmd批处理常用符号详解

    cmd批处理常用符号详解 作者: 字体:[增加 减小] 类型:转载 我们在批处理编写过程中经常遇到各种特殊符号,很多朋友不是很清楚cmd中特殊符号的含义,这里简单的介绍下,方便需要的朋友   1.@一 ...

  4. mysql大表如何优化

    作者:哈哈链接:http://www.zhihu.com/question/19719997/answer/81930332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处 ...

  5. mysql union 详解

    Union:作用:把2次或多次查询结果合并起来要求:两次查询的列数一致推荐:查询的每一列,相对应的列类型也一样 可以来自于多张表 多次sql语句取出的列名可以不一致,此时,以第1个sql的列名为准 例 ...

  6. WPF 检测输入状态

    [DllImport("user32.dll")] static extern bool GetLastInputInfo(ref LASTINPUTINFO plii); pub ...

  7. gdb调试多进程和多线程命令

     gdb调试多进程和多线程命令 来源:http://blog.csdn.net/pbymw8iwm/article/details/7876797 1. 默认设置下,在调试多进程程序时GDB只会调试主 ...

  8. 关于Base64编码

    作者:唐风 Base 64是一种比较古老的编码方式,在通信中非常常见.它实现很简单. What? "Base64是一种基于64个可打印字符来表示二进制数据的表示方法(来自维基)". ...

  9. 转 How to install XenServer Tools – Linux（forward）

    本文转自: http://blog.csdn.net/zhongguoren666/article/details/7088798 比较懒....大家看图说话就行了.... 说句实在话…还是老外写的地 ...

  10. Matlab之字符串处理

    Matlab处理字符串 1.取得部分字符串 我们有一个字符串 file='20131030_113109.TemporaryAlias.Poly5'; 简单操作举例: >> a=file( ...