最近，我在 JavaScript 中發現了一個奇怪但可能很有用的用法，與逗號運算子有關。 我通常使用逗號來分隔對象中的屬性或數組中的項目。 然而，我從未對在表達式內部使用逗號給予太多注意。 舉個例子： ('a', 'b') 這兩個表達式（在本例中為字符串）都會被求值，並且返回最後一個元素，即逗號之後的表達式。在這個例子中，它返回 'b'。 你可以將值賦給一個變量，像這樣： const letter = ('a', 'b') letter === 'b' // true
表達式是可以被評估並解析為值的代碼單位。JavaScript 中的表達式可以分為各種類別。 算術表達式 字串表達式 基本表達式 陣列和物件初始化表達式 邏輯表達式 左邊表達式 屬性存取表達式 物件創建表達式 函數定義表達式 調用表達式 算術表達式 屬於這個類別的表達式都會計算為一個數字： 1 / 2 i++ i -= 2 i * 2 字串表達式 計算為字串的表達式： 'A ' + 'string' 基本表達式 這個類別包括變數引用、字面量和常數： 2 0.02 'something' true false this // 當前物件 undefined i // i 為變數或常數 還有一些語言中的關鍵字： function class function* // 產生器函數 yield // 產生器暫停/恢復運行 yield* // 委派給另一個產生器或迭代器 async function* // 异步函數表達式 await // 異步函數暫停/恢復/等待完成 /pattern/i // 正則表達式 () // 分組 陣列和物件初始化表達式 [] // 陣列字面量 {} // 物件字面量 [1,2,3] {a: 1, b: 2} {a: {b: 1}} 邏輯表達式 邏輯表達式使用邏輯運算符並產生布林值：...
學習JavaScript三元運算子的基礎知識 三元運算子是JavaScript中唯一可以使用3個運算元的運算子，它是一種表示條件語句的簡潔方式。 它的語法如下： <condition> ? <expression> : <expression> 條件 <condition> 將被求值為布林值，在根據結果，運算子將運行第一個表達式（如果條件為真）或第二個表達式。 以下是一個示例：我們檢查 running 是否等於 true，如果是的話，我們調用 stop() 函數。否則，我們調用 run() 函數： 使用示例： const running = true; (running === true) ? stop() : run()
Vue.js 使用一種超集的 HTML 樣板語言。我們可以使用插值和指令。本文將解釋指令。 v-text v-once v-html v-bind 使用 v-model 雙向綁定 使用運算式 條件語句 循環 事件 顯示或隱藏 事件指令修飾符 自定義指令 在Vue.js 模板和插值中，我們看到了如何在 Vue 模板中嵌入數據。 本文將解釋 Vue.js 在模板中提供的另一種技術：指令。 指令基本上就像是添加在模板內的 HTML 屬性。它們都以 v- 開頭，表示它們是 Vue 的特殊屬性。 讓我們逐一看一下每個 Vue 指令的詳細用法。 v-text 可以使用 v-text 指令來替代插值，它執行相同的工作： <span v-text="name"></span> v-once 你知道 {{ name }} 是綁定到組件數據的 name 屬性的。當你的組件數據中的 name 發生變化時，Vue 會在瀏覽器中更新該值。 除非使用 v-once 指令，它基本上就像是一個 HTML 屬性： <span v-once>{{ name }}</span> v-html 當你使用插值來打印數據屬性時，HTML 會被轉義。這是 Vue 自動保護免受 XSS 攻擊的一種很好的方式。 然而，有時你想要輸出 HTML 並讓瀏覽器解釋它。你可以使用 v-html 指令：...