400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【W(wǎng)eb前端基礎(chǔ)知識】web前端函數(shù)使用

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

  • 發(fā)布: Web前端培訓(xùn)
  • 來源:Web前端干貨資料
  • 2021-02-25 10:39:24
  • 閱讀()
  • 分享
  • 手機端入口

首先,我們來看一下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'); 

在上面的代碼中,我們定義了一個函數(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); 

在上面的代碼中,我們定義了一個函數(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. sum(10, 20); 

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

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

文章“【W(wǎng)eb前端基礎(chǔ)知識】web前端函數(shù)使用”已幫助

>>本文地址:http://m.littlerockbway.com/zhuanye/2021/67120.html

THE END  

聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個方向的工作?

獲取測試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營銷互聯(lián)網(wǎng)營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內(nèi)設(shè)計室內(nèi)設(shè)計
  • 平面設(shè)計平面設(shè)計
  • 電商設(shè)計電商設(shè)計
  • 網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計
  • 全鏈路UI/UE設(shè)計UI設(shè)計
  • VR/AR游戲開發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發(fā)智能機器人
 

快速通道fast track

近期開班時間TIME