【Web前端基礎知識】web前端函數使用

首先，我們來看一下MDN的定義：函數是 JavaScript 中的基本組件之一。 一個函數是 JavaScript 過程 — 一組執行任務或計算值的語句。要使用一個函數，你必須將其定義在你希望調用它的作用域內。函數就是一段預先定義好的一段代碼，可以在需要的位置調用。

接下來，我們來學習函數如何使用函數。

定義一個函數，用關鍵字function來定義，function就是英語“功能”的意思。表示這里面定義的語句，完成了一些功能。function后面有一個空格，后面就是函數名字，函數的名字也是關鍵字，命名規范和變量命名是一樣的。名字后面有一對兒圓括號，里面放置參數，我們一會兒介紹。然后就是大括號，大括號里面是函數的語句。比如下面的代碼，定義一個函數：

1. function fun () { 
2.   console.log('fun'); 
3. } 

在上面的代碼中，我們定義了一個函數fun，內部的代碼塊是一句輸出語句。函數如果不調用，那么里面的語句就不會執行，不調用就等于白寫。調用一個函數的方法非常簡單，函數名后面加一個()，() 是一個運算符，表示執行一個函數。語法為函數名();。

1. fun(); 

上面的代碼就是執行了函數fun，一旦調用了函數，函數內部的語句就會執行。能夠感覺到，函數是一些語句的集合，讓語句成為一個軍團，集體作戰。要不出動都不出動，要出動就全出動。得到調用才出動。

由此可以看出，函數的意義：在出現大量程序相同的時候，可以封裝為一個function，這樣只用調用一次，就能執行很多語句。

接下來，我們來看下函數的參數：

定義在函數內部的語句，都是相同的，但是實際上我們可以通過“參數”這個東西，來讓語句有差別。定義函數的時候，內部語句可能有一些懸而未決的量，就是變量，這些變量，我們要求在定義的時候都羅列在小括號中。羅列在function小括號中的參數，叫做形式參數;調用時傳遞的數值，叫做實際參數。

1. function pingfang (a) { 
2.   console.log(a * a); 
3. } 

在上面的代碼中，我們定義了一個函數，函數名為pingfang，并定義一個參數a，代碼執行為輸出a的平方。當我們調用函數時：

1. pingfnag(10)； 

調用的時候，要把這個變量的真實的值，一起寫在括號里，這樣隨著函數的調用，這個值也傳給了a。上面的代碼就會輸出10的平方。

另外，參數可以有無數個，用逗號隔開即可。

接下來，我們來看下函數的返回值。函數可以通過參數來接收數據，更可以通過return的語句來返回數據。return語句可以將數據返回到函數調用處。例如下面代碼：

1. function sum (a, b) { 
2.   return a + b; 
3. } 
4. sum(10， 20)； 

上面代碼中，定義一個函數sum，并有兩個參數a和b，函數的執行結果是把參數a和b的和返回。調用時10和20作為實參傳給函數，就會返回結果30。

注意，return語句只有的代碼不會被執行，所以在函數返回值時需要注意。