这个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. android- FileProvider崩溃 - NPE试图调用一个空字符串XmlResourceParser(FileProvider crash - npe attempting to invoke XmlResourceParser on a null String)

    问题: This is a part of my manifest: <?xml version="1.0" encoding="utf-8"?> ...

  2. 繁华模拟赛 Evensgn的债务

    #include<iostream> #include<cstdio> #include<string> #include<cstring> #incl ...

  3. mstsc局域网远程 要预先做的设置

    很简单========= 一:在“控制面板”->“管理工具”->“服务”上启动Remote Desktop Help Session Manager的服务; 二: 在“控制面板”-> ...

  4. ICA

    参考:http://www.cnblogs.com/jerrylead/archive/2011/04/19/2021071.html 对高斯分布的样本点效果不好.数学真是博大精深啊

  5. poj2253 最短路 floyd Frogger

    Frogger Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 28825   Accepted: 9359 Descript ...

  6. linux shell expr 使用

    linux shell expr 使用 收藏人:春秋百味 -- | 阅: 转: | | 分享 非原创, 摘自:<LINUX与UNIX Shell编程指南> 17.5 expr用法 expr ...

  7. JDBC之java数据库的连接与简单的sql语句执行

    import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sq ...

  8. Launchpad添加openPGP keys

    转自: https://help.ubuntu.com/community/GnuPrivacyGuardHowto mac下: http://notes.jerzygangi.com/the-bes ...

  9. swiper组件实现向上翻页时缩小

    var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', loop: true, // 如果需要前进后退按钮 n ...

  10. 《ASP.NET1200例》C# WINFORM程序的三层架构如何建立的。

    先添加-新建项目-windows应用程序,然后在右边的解决方案资源管理器上面,在当前的解决方案上面右击,点,添加-新建项目-类库,分别建立.DAL,BLL,Model三个项目,然后,在DAL项目上右击 ...