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

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

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

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

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

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

1. fun(); 

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

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

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

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

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

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

1. pingfnag(10)； 

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

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

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

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

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

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