javascript閉包與函數式編程

1、相關概念

一、動態程序設計語言(Dynamic Programming Language )

          Dynamic Programming Language (動態語言或動態編程語言) 動態語言,準確地說,是指程序在運行時能夠改變其結構:新的函數能夠被引進,已有的函數能夠被刪除等在結構上的變化。好比衆所周知的ECMAScript(JavaScript)即是一個動態語言。除此以外如Ruby、Python等也都屬於動態語言,而C、C++等語言則不屬於動態語言。html

二、 動態類型語言和靜態類型語言  

         動態類型語言:動態類型語言是指在運行期間纔去作數據類型檢查的語言,也就是說,在用動態類型的語言編程時,永遠也不用給任何變量指定數據類型,該語言會在你第一次賦值給變量時,在內部將數據類型記錄下來。Python和Ruby就是一種典型的動態類型語言,其餘的各類腳本語言如VBScript也多少屬於動態類型語言。編程

         靜態類型語言:靜態類型語言與動態類型語言恰好相反,它的數據類型是在編譯其間檢查的,也就是說在寫程序時要聲明全部變量的數據類型,C/C++是靜態類型語言的典型表明,其餘的靜態類型語言還有C#、JAVA等。閉包

三、  函數式編程(  參考http://www.ruanyifeng.com/blog/2012/04/functional_programming.html)

 

2、閉包

閉包就是可以讀取其餘函數內部變量的函數。因爲在Javascript語言中,只有函數內部的子函數才能讀取局部變量,所以能夠把閉包簡單理解成"定義在一個函數內部的函數"。因此,在本質上,閉包就是將函數內部和函數外部鏈接起來的一座橋樑。在下面的函數中print函數就是一個閉包dom

 1 function randomAlert()
 2 {
 3     var x=Math.random();
 4      function  print()
 5     {
 6 console.log("產生的隨機數",x);
 7     }
 8     return print;
 9 }
10 var a=randomAlert();
11 var b=randomAlert();
12 a();
13 b();

 

   

閉包能夠用在許多地方。它的最大用處有兩個,一個是前面提到的能夠讀取函數內部的變量,
另外一個就是讓這些變量的值始終保持在內存中。編程語言

 1 function f1(){
 2         var n=999;
 3         nAdd=function(){n+=1}
 4         function f2(){
 5         console.log(n);
 6         }
 7         return f2;
 8   }
 9   var result=f1();
10   result(); // 999
11   nAdd();
12   result(); // 1000

 

在這段代碼中,result實際上就是閉包f2函數。它一共運行了兩次,第一次的值是999,第二次的值是1000。這證實了,函數f1中的局部變量n一直保存在內存中,並無在f1調用後被自動清除。
爲何會這樣呢?緣由就在於f1是f2的父函數,而f2被賦給了一個全局變量,這致使f2始終在內存中,
而f2的存在依賴於f1,所以f1也始終在內存中,不會在調用結束後,
被垃圾回收機制(garbage collection)回收。
這段代碼中另外一個值得注意的地方,就是"nAdd=function(){n+=1}"這一行,
首先在nAdd前面沒有使用var關鍵字,所以nAdd是一個全局變量,
而不是局部變量。其次,nAdd的值是一個匿名函數(anonymous function),
而這個匿名函數自己也是一個閉包,因此nAdd至關因而一個setter,
能夠在函數外部對函數內部的局部變量進行操做。函數式編程

 

 

 

 

var getNam=object.getNameFunc();
至關於function getName()
{
return this.name;//很明顯此時this表明全局變量即Global,this.name等於"The Window"
}函數

 1 var name = "The Window";
 2   var object = {
 3         name : "My Object",
 4         getNameFunc : function(){
 5               return function(){
 6                     return this.name;
 7               };
 8         }
 9   };
10 console.log("name的值",object.getNameFunc()());
相關文章
相關標籤/搜索