《Javascript 设计模式 老版》－读书笔记

第一章  富有表现力的javascript

一、Function添加新方法

　　如果在Function对象中添加一人新方法可以这样写：Function.porototype.method("方法名",  function(){  执行的内容  })

<script>
    var Anim = function(){}

    // 为Anim对象添加方法
    Anim.mothod("start", function(){ ... }).
            mothod("stop", function(){ ... });
</script>

二、使用设计模式的好处

　　1、可维护性好：降低了模块间的耦合度.

　　2、性能：某些模式是起优化的作用，提高运行速度.

第四章  继承

一、继承类型

　　继承可以分成原型继承和类式继承，原型继承要比类继承更节省内存 

1、类式继承

<script>
    function Peron (name) {
        this.name = name;
    }

    Peron.prototype.getName = function(){
        console.log(this.name);
    }

    Peron.prototype.setName = function(name){
        this.name = name;
    }

    var reader = new Peron("haha");     // 可以继承对象的属性和方法
    alert(reader.name)          // 哈哈
    reader.getName();
    reader.setName("lulu");
    reader.getName();
    alert(reader.name);         // lulu
</script>

2、原型继承

<input type="text" id="oName" value="">
<input type="text" id="oAge" value="">

<script>
    function $(id) {
        return document.getElementById(id);
    }

    // 定义一个基类
    var Anim = function(name, age){
        this.name = name;
        this.age = age;
    }

    Anim.prototype.printContext = function(){        // Anim的方法输出name和age
        console.log(this.name + "," + this.age);
    }

    // 实例化对象
    var pop1 = new Anim("siguang", 30);
    pop1.printContext();


    // 创建对象
    var StartAnim = function(name, age, read){
        this.name = name;
        this.age = age;
        this.read = read;
    }

    // StartAnim对象继承Anim的属性和方法
    StartAnim.prototype = new Anim();

    // 重写printContent方法，输出name、age、read，如果不重写方法则会调用Anim中的printConext()方法
    StartAnim.prototype.printContext = function(){
        console.log(this.name + "," + this.age + "," + this.read);
    }

    // 增加一个方法
    StartAnim.prototype.extStart = function(){
        this.printContext();

        var sName = $("oName");
        var sAge = $("oAge");

        sName.value = this.name;
        sAge.value = this.age;
    }

    var oAnim = new StartAnim("lulu", 28, "哈哈");
    oAnim.extStart();

    // 实例化对象
    var pop2 = new Anim("1111", 322);
    pop2.printContext();
</script>