《Javascript设计模式》笔记一js的表现力

用不同方法完成同样一个任务：启动和停止动画。

1.过程式的程序设计：

function startAnimation(){
...
}

function stopAnimation(){
...
}

缺点：无法创建可以保存状态，并且进行一些内部操作的方法，所以2.创建对象的方法如下：

var Anim = function(){
...
}

Anim.prototype.start = function(){
...
}
Anim.prototype.stop = function(){
...
}

var myAnim = new Anim();

myAnim.start();
myAnim.stop();

3.当然也可以把上面类的定义封装在一条声明当中，如下：

var Anim = function(){
...
}

Anim.prototype = {
    start:function(){},
    stop:function(){}
}

上面的是大多数屌丝程序员常用的方法，4.下面是逼格更高的写法：

Function.prototype.method = function(name,fn){
    this.prototype[name] = fn;
}

var Anim = function(){
...
}

Anim.method('start',function(){
...
});

Anim.method('stop',function(){
...
});

说明：Function.prototype.method用于为类添加新方法，2个参数（方法名，新的方法）

5.当然也可以继续更改Function.prototype.method，使其可以被链调用，只要让他返回this即可

Function.prototype.method = function(name.fn){
    this.prototype[name] = fn;
    return this;
};

var Anim = function(){

};
Anim.
    method('start',function(){
    ...
    }).
    method('stop',function(){
    ...
    });

以上5种方法，均可以完成同一项任务。

==========

函数的特性：

1.可以存储在变量当中

2.可以作为参数传给其他函数

3.可以作为返回值从其他函数传出

4.可以在运行时进行构造

匿名函数实例：

(function(){
    var foo = 10;
    var bar = 2;
    alert(foo*bar);
})();
//被定义后立即执行，函数最后一对括号立即对函数进行调用，括号中没有参数。

(function(foo,bar){
    alert(foo*bar);
})(10,2);

//变量做为参数传递进去

var baz = (function(){
    return foo*bar;//返回值赋给变量baz
})(10,2);

函数有一个用途就是创建闭包。

1.Javascript有函数级作用域，定义在函数内部的变量不能再外部被调用。

2.函数运行在定义它的作用域中，而不是在调用它的作用域中。

var baz;
(function(){
    var foo = 10;
    var bar = 2;
    baz = function(){
        return foo*bar;
    }
})();

baz();