400-650-7353

精品課程

您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】web前端函數使用

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

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

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

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

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

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

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

  1. fun(); 

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

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

接下來,我們來看下函數的參數:

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

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

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

  1. pingfnag(10); 

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

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

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

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

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

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

學習疑問申請解答
您的姓名
您的電話
意向課程
 

中公優就業

IT小助手

掃描上方二維碼添加好友,請備注:599,享學習福利。

>>本文地址:
注:本站稿件未經許可不得轉載,轉載請保留出處及源文件地址。

推薦閱讀

優就業:ujiuye

關注中公優就業官方微信

  • 關注微信回復關鍵詞“大禮包”,享學習福利
QQ交流群
在線疑問解答
(加群備注“網站”)
IT培訓交流群 加入群聊 +
軟件測試 加入群聊 +
全鏈路UI/UE設計 加入群聊 +
Python+人工智能 加入群聊 +
互聯網營銷 加入群聊 +
Java開發 加入群聊 +
PHP開發 加入群聊 +
VR/AR游戲開發 加入群聊 +
大前端 加入群聊 +
大數據 加入群聊 +
Linux云計算 加入群聊 +
優就業官方微信
掃碼回復關鍵詞“大禮包”
享學習福利

測一測
你適合學哪門IT技術?

1 您的年齡

2 您的學歷

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

獲取測試結果
 
課程資料、活動優惠 領取通道
 
 
国产超级VA在线观看视频|久久99国产综合精品女同|免费高清A片特级午夜毛片