首頁 > web前端 > js教程 > 主體

了解 JavaScript 中底線 (`_`) 的使用

Mary-Kate Olsen
發布: 2024-10-02 06:37:02
原創
505 人瀏覽過

Understanding the Use of Underscore (`_`) in JavaScript

在 JavaScript 中編碼時,您可能會遇到用作變數名稱的下劃線字元 (_),特別是在函數參數中。雖然乍看之下似乎很不尋常,但由於各種原因,這種做法在開發人員中很常見。在這篇文章中,我們將探討底線代表什麼,為什麼要使用它,以及它在現實範例中的顯示方式,例如 coalesceES6 函數。

下劃線(_)是什麼意思?

在 JavaScript 中,底線 (_) 通常用作變數的佔位符,特別是當變數的標識對程式碼邏輯不重要時。此約定有助於表明該變數是臨時的並具有特定目的,通常用於迭代或作為回調參數。

範例:coalesceES6 函數

為了說明底線的用法,讓我們來看一個名為 CoalesceES6 的簡單函數。此函數接受多個參數並傳回第一個既不為 null 也不未定義的參數。

函數的外觀如下:

const coalesceES6 = (...args) => 
  args.find(_ => ![null, undefined].includes(_));
登入後複製

分解:

  1. 箭頭函數

    • 函數是使用箭頭函數語法定義的。 (...args) 允許它接受任意數量的參數,這些參數儲存在 args 陣列中。
  2. 找非空值:

    • 函數的核心使用args.find()。此方法遍歷 args 陣列中的每個元素來尋找第一個符合特定條件的元素。
    • 條件檢查目前參數(以_表示)是否陣列[null, undefined]。
  3. 使用 _:

    • 這裡的底線 (_) 代表函數迭代參數時的每個單獨參數。
    • 它用作臨時佔位符,表明該變數僅在 find 方法的上下文中相關。

為什麼要使用底線?

  1. 表示臨時變數

    • 使用 _ 時,開發人員表示變數除了立即使用之外並不重要。它可以幫助其他程式設計師了解該變數稍後不會在程式碼中被引用。
  2. 簡潔

    • 使用像 _ 這樣的單一字元可以使程式碼更乾淨、更短,特別是在函數經常內聯編寫的函數式程式設計環境中。
  3. 社群熟悉度

    • 許多 JavaScript 函式庫和框架使用 _ 作為標準約定。這種熟悉感使開發人員更容易閱讀和理解程式碼。

與更具描述性的名稱的比較

雖然使用 _ 很常見,但它不是唯一的選擇。開發者還可以選擇更具描述性的變數名稱以增強可讀性:

const coalesceDescriptive = (...args) => 
  args.find(arg => ![null, undefined].includes(arg));
登入後複製

在此版本中,使用 arg 取代 _。雖然這提高了清晰度,但函數的邏輯保持不變。使用 _ 或描述性名稱的選擇通常取決於個人或團隊的偏好。

結論

下劃線 (_) 是 JavaScript 中簡單但強大的約定。它充當佔位符變量,使程式碼更簡潔,並向其他人表明該變數的身份對於整體邏輯並不重要。在像 colonesceES6 這樣的函數中,使用 _ 可以讓開發人員專注於功能而不是變數命名的細節。

下次您在 JavaScript 中看到下劃線時,您就會知道這不僅僅是一個隨機選擇,而是一個深思熟慮的決定,有助於實現清晰簡潔的編碼實踐。

以上是了解 JavaScript 中底線 (`_`) 的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板