【js设计模式笔记---序】

目录(?)[-]

1. javascript的灵活性
   1. 弱类型语言
   2. 函数是一等公民
   3. 对象的易变性

如无说明，js设计模式章节均转自：http://blog.csdn.net/pigpigpig4587/article/details/24996445

javascript的灵活性

javascript的强大特性是其灵活性。作为javascript程序员，只要你愿意，可以把程序写得很简单、也可以写得很复杂。这种语言也支持多种不同的编程风格。你既可以采用函数式编程风格，也可以采用更复杂一点的面向对象编程风格。即使你不懂函数式编程或面向对象编程，也能写出较为复杂的程序。使用这种语言，哪怕只采用编写一个简单的函数的方式，你也能高效地完成任务。这可能是某些人把javascript视同玩具的原因之一，但我们却认为这是一个优点当你成长为一个更高级的程序员时，javascript在你手中的威力也在增长。

javascript允许你模仿其他语言的编程模式和惯用法。它也形成了自己的一些编程模式和惯用法。那些较为传统的服务器端编程语言具有的面向对象特性，javascript都有。

先看一个例子，启动和停止一个动画。

如果你习惯过程式的程序设计，那么可以这样做：

function  startAnimation(){

…..

}

 

function stopAnimation(){

…..

}

上面的方法很简单，但你无法创建可以保存状态并且具有一些仅对其内部状态进行操作的方法的动画对象。

/*Anim class*/

var Anim = function(){

…

}

Anim.prototype.start= function(){

…

}

 

Anim.prototype.stop= function(){

…

}

var myAnim = new Anim();

myAnim.start();

…

myAnim.top();

 

如果你更喜欢把方法的定义封装在一条声明中，则可以改用如下：

/*Anime Class,width a slightly different syntax for declaring methods. */

var Anim =function(){

….

}

Anim.prototype = {

   start:function(){…},

   stop:function(){…}

}

这在传统面向对象的程序员看来更眼熟一点，他们习惯于看到类的方法声明内嵌在类的声明之中。要是你以前用过这样的风格。可以想尝试一下下面的示例，

/*Add a method tothe Function object that can be used to declare methods. */

 

Function.prototype.method= function(name,fn){

   this.prototype[name] = fn;

}

var Anim =function(){…};

Anim.method(“start”,function(){

  …

});

Anim.method(“stop”,function(){

  …

});

还可以进一步修改上面的方法使其可以实现链式调用。

Function.prototype.method= function(name,fn){

   this.prototype[name] = fn;

   return this;

}

var Anim =function(){

…

};

Anim.method(“start”,function(){

…

}).method(“stop”,function(){

…

})

由此可见，完成同一项任务的5种不同方法，它们风格略有差异，基于自己的编程背景，你可能觉得其中的某种方法比别的方法更合意。这是件好事：javascript允许你用最适合于手头项目的编程风格进行工作。不同的风格在代码篇幅、编码效率和执行性能方面各有其特点。

弱类型语言

定义变量时，不必声明其类型。但这并不意味着变量没有烦劳。一个变量可以属于几种类型之一，这取决于其包含的数据

五种基本类型：null、undefined、字符串、布尔、数字。

两种对象类型：object、function。数组属于特殊的object类型。

弱类型的变量带来了极大的灵活性。因为javascript会根据需要进行类型转换，所以一般来说你不用为类型错误操心。

函数是一等公民

在javascript中，函数是一等对象。它们可以存储在变量中，可以作为参数传给其他函数，可以作为返回值从其他函数传出，还可以在运行时进行构造。在与函数打交道时，这些特性带来了极大的灵活性和极强的表达能力。

可以用function(){….}这样的语法创建匿名函数。它们没有函数名，但可以被赋给变量。

如下一个匿名函数

(function(){

   var foo =10;

   var bar = 2

   alert(foo*bar);

})()

这个函数在定义之后便立即执行，甚至不赋给一个变量。出现在函数声明之后的一对括号立即对函数进行调用。

/*带参数的匿名函数*/

(function(foo, bar){

 

   alert(foo*bar);

})(2,3);

 

匿名函数的最有趣的用途是用来创建闭包。

闭包：是一个受保护的变量空间，由内嵌函数生成。javascript具有函数级的作用域。这意味着在函数内部的变量在函数外部不能被访问。javascript的作用域又是词法性质。这意味着函数运行在定义它的作用域中，而不是在调用它的作用域中。这两个因素结合起来，就能通过把变量包裹在匿名函数中而对其加以保护。

你可以这样创建类的私用变量

var baz;

(function(){

   var foo = 2;

   var bar = 10;

   baz = function(){

        return foo*bar;

  }

})()

baz(); //，即使在匿名函数外执行，baz也可以访问变量foo /bar。

 

对象的易变性

在javascript中，一切都是对象，而且所有对象都是易变的，这意味着你能使用一些在大多数的语言不允许的技术，如：

function   displayError(message){

   displayError.numTimesExcuted++;

   alert(message);

}

displayError.numTimesExcuted=0;

 

这意味着你可以对先前定义的类和实例化的对象进行修改。

 

综上所述，学学js设计模式有益