【W(wǎng)eb前端基礎(chǔ)知識】web前端函數(shù)使用

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

接下來，我們來學(xué)習(xí)函數(shù)如何使用函數(shù)。

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

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

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

1. fun(); 

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

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

接下來，我們來看下函數(shù)的參數(shù)：

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

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

在上面的代碼中，我們定義了一個函數(shù)，函數(shù)名為pingfang，并定義一個參數(shù)a，代碼執(zhí)行為輸出a的平方。當(dāng)我們調(diào)用函數(shù)時：

1. pingfnag(10)； 

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

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

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

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

上面代碼中，定義一個函數(shù)sum，并有兩個參數(shù)a和b，函數(shù)的執(zhí)行結(jié)果是把參數(shù)a和b的和返回。調(diào)用時10和20作為實參傳給函數(shù)，就會返回結(jié)果30。

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