JavaScript >> Javascript 文檔 >  >> Tags >> Function

函數:JavaScript 編程的基礎

功能

一個函數 在 JavaScript 中是包含在塊中的一段代碼,並帶有與之關聯的名稱。這些是幾乎每個人們傾向於編寫的程序的構建塊。簡單來說就是一個函數 是能夠執行特定任務的子程序。

我們可以通過多種方式在 JavaScript 中創建函數,我們將逐一介紹它們。

函數聲明

要使用函數聲明創建函數,您必須使用 function 關鍵字後跟一個名稱,後跟括號,可以有零到任意數量的參數,然後是一對花括號,其中包含要執行的代碼。
注意: 函數聲明被提升。

function square(x){
return x*x;
}

函數表達式

要使用函數表達式創建函數,您必須遵循與函數聲明相同的步驟,但將函數分配給一個名稱為函數名稱的變量。
注意: 函數表達式沒有被提升。

const square = function(x){
return x*x;
}

箭頭函數

這些是在 ES6 中引入的。箭頭函數通過省略 function 關鍵字並將其替換為由等於和大於符號組成的箭頭 (=>) 符號來幫助您編寫更短的語法。

const square = (x) => { return x*x; }

萬一隻有一個參數,你甚至可以省略括號。如果只有一個表達式要返回,那麼您甚至可以省略花括號和 return 關鍵字。
注意: 表達式和語句之間是有區別的。

const square = x => x*x;

要帶走的點

  • 函數聲明被聲明為單獨的語句。
  • 函數表達式是另一個表達式或語法的一部分。
  • 箭頭函數對於單行來說很方便。

參考: 雄辯的 JavaScript


Tutorial JavaScript 教程
  1. 如何像專業人士一樣使用 Google

  2. Top K Elements-JS

  3. 使用 Firebase 為 Javascript 應用程序實現推送通知

  4. 有趣且無利潤的 CSS 變量

  5. 三步從動態類型到靜態類型

  6. 你的替代解決方案是什麼?挑戰#4

  7. 第 1 天:初學者的 React 開始

  1. TypeScript 簡介

  2. 使用 JavaScript 控制 HTML5 視頻播放器循環

  3. Laravel + React(通過 laravel-mix)

  4. Browserslist:為不同的全球受眾構建現代 Web 應用程序

  5. JavaScript:如何實現鍊錶數據結構(part3)

  6. 將活躍的活動形式嵌入到 React 中的更好方法

  7. 如何循環遍歷對像數組並在下拉列表中顯示

  1. 如何使用 JavaScript 數組拼接方法?

  2. Nuxt,下一個,Nest?!我頭疼。

  3. 我的 Chrome 擴展程序

  4. 帶有 express (node.js) 的 REST 應用程序架構 #01:每個選擇都是放棄