JavaScript入門-函式function(二)
阿新 • • 發佈：2021-01-18
## JavaScript入門-函式function(二)
### 遞迴函式
- 什麼是遞迴函式？
遞迴簡單理解就是，在函式體裡，呼叫自己。
```
//我們在求一個10的階乘的時候，可能會這麼做
//寫一個迴圈
var total = 1
for(var i=10; i>=1; i++){
total *= i ;
}
這樣的for迴圈簡單直接。。。大家都會寫
但是，我們可以寫一個函式，遞迴呼叫
//遞迴函式
function jiecheng( n ){
if ( 1===n) return 1
return n*jiecheng(n-1)
}
//呼叫遞迴函式
var total = jiecheng(10)
```
ps:兩種不同的方法，雖然結果都相同，但是還是有區別的。遞歸併沒有通過for迴圈遍歷每一個數，而且程式碼量變少了，看起來有點高大上。
- 其實，在遞迴呼叫的時候，就是按照return的特定來執行的。因為return只有在遇到一個具體的值才會返回給呼叫者。
- 然後，在呼叫的時候，會有一個'棧'的資料結構（先進後出，後進先出），儲存每一個呼叫的時狀態，直到遇到一個能夠有具體值的狀態，就逐層往上返回給呼叫者，最終的值就是你想要的值。
**遞迴的缺點**：
- 每次呼叫自己的時候，其實一直都是在佔用著記憶體，佔用資源較大。
### 閉包
- 什麼是閉包？
我們先來回顧一下，在es5裡，用var定義的變數，不管是在程式碼塊裡定義，還是在for迴圈裡的區域性變數，我們都能夠訪問到這個變數，這就叫做全域性變數。如果我們在一個函式裡用var定義變數，就是一個區域性變量了，只有內部可以使用。
```
//定義全域性變數
var a =1;
//函式體定義變數
function fun(){
var b =1;
}
//程式碼塊裡定義變數
{
var c = 1
{
var d = 'rainbow'
}
}
//for函式裡的變數
for( var i = 0 ; i<10 ;i++){
console.log(i)
}
console.log( a , c , d , i )//1 1 "rainbow" 10
console.log(b)//error
```
ps：上面程式碼可以看出來，在JavaScript裡，除了方法體內的變數未區域性變數，其他的都是全域性變數，那如果我們想要訪問函式裡面的變數該怎麼辦呢？？
這個時候，我們就要用到閉包了。
1. 在函式內自定義一個方法，返回函式定義的區域性變數。
2. 呼叫的時候，我們先呼叫外層的函式，得到的是一個函式體，然後再一次呼叫，就能夠獲取到outer的內部成員的變量了。
```
function outer(){
var num = 10;
funtion inner(){
console.log(num)
}
return inner;
}
var fun = outer()
fun()//10
或者
function outer() {
var age = 20;
return function () {//匿名函式
return age;
}
}
var age1 = outer();
console.log(age1())//20
```
總結：閉包，就是在函式內部定義一個函式，把function裡私有的屬性，通過這個內部函式返回給了外面。
**特點：**
1. 通過閉包可以讀取函式內部的變數
2. 每一次呼叫最外層的方法，實際都是重新開闢一塊記憶體空間., 因為返回的inner方法沒有關閉，一直佔用著記憶體，我們可以手動關閉 outer = null
3. 在outer裡定義的變數，通過閉包獲取到的成員變數，其實都是靜態static變數，正如第2點所說，變數還是存在記憶體中，並沒有主動釋放。
**閉包的缺點**：
- 和遞迴類似，一直佔用著記憶體資源，可能導致記憶體洩漏。
可能我自己講的不夠全，大家看看大佬的文章
>