首頁 > web前端 > js教程 > JavaScript 的 `||` 運算子:它與標準邏輯 OR 有何不同?

JavaScript 的 `||` 運算子:它與標準邏輯 OR 有何不同?

Susan Sarandon
發布: 2024-12-25 14:33:10
原創
678 人瀏覽過

JavaScript's `||` Operator:  How Does it Differ from a Standard Logical OR?

邏輯或運算子(||) 與JavaScript 變體

理解雙管道運算子(||)

理解雙管道運算符(||)

  • 在大多數程式語言中,雙管道運算子(||) 表示邏輯OR 運算子。它評估兩個布林值並遵循以下規則:
  • 如果第一個值為 false,則檢查第二個值。如果為 true,則傳回 true;

如果第一個值為 true,則無論第二個值為何,都會傳回 true。

JavaScript 的解釋

  • 但是, JavaScript 句柄 ||有所不同,因為它是一種鬆散類型的語言。這表示:
  • 非布林值: JavaScript 允許使用 ||具有非布林值。如果值為false(例如0、「」、null),則視為false;結果修改: JavaScript 的||如果第一個值為false,則運算符回傳第二個值
  • ;否則,回傳
第一個值

(function(){}) || {}  // True (empty function is truthy)
登入後複製
範例:

JavaScript 中的實際用法

function (title, msg) {
  var title = title || 'Error';  // Assigns 'Error' if title is falsy
  var msg = msg || 'Error on Request';  // Assigns 'Error on Request' if msg is falsy
}
登入後複製
預設功能參數:

糟糕的程式設計實踐:

function badFunction(flagA) {
  flagA = flagA || true;  // FlagA always becomes true, even if passed false
}
登入後複製

分配||不鼓勵表達式直接傳遞給變量,因為它會阻止將錯誤值作為參數傳遞。考慮這個函數:

更好的實踐:

function goodFunction(flagA) {
  flagA = typeof flagA !== "undefined" ? flagA : true;  // Sets to true only if undefined
}
登入後複製

使用明確檢定來取代:

function goodFunction(flagA = true) {  // Sets to true only if omitted
}
登入後複製
ES66語法預設參數:

結論:

JavaScript 的 ||與其他語言相比,運算子具有獨特的行為。雖然設定預設值很方便,但應謹慎使用,以避免意外結果和錯誤值覆蓋。

以上是JavaScript 的 `||` 運算子:它與標準邏輯 OR 有何不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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