JavaScript – Void 關鍵詞

在 JavaScript 中，void 是一個關鍵詞。愛掏網 - it200.com它允許您創建一個返回 undefined 的表達式。愛掏網 - it200.com這個關鍵詞通常用于創建一個鏈接，當點擊鏈接時不會改變當前頁面，并且也不會轉到另一個頁面。愛掏網 - it200.com在本篇文章中，我們將探討 void 關鍵字以及它在 JavaScript 中的用途。愛掏網 - it200.com

void 關鍵字是一個一元運算符。愛掏網 - it200.com使用它時，您可以使表達式的返回值為 undefined。愛掏網 - it200.com例如，當我們使用 void 關鍵字來處理鏈接時，它將防止瀏覽器在單擊鏈接時導航到新頁面。愛掏網 - it200.com如下所示：

<a href="javascript:void(0)">點擊這里</a>

在上面的示例中，我們使用 void 關鍵字創建了一個空的 JavaScript 函數，這個函數不會返回任何東西。愛掏網 - it200.com當用戶單擊該鏈接時，生成的 JavaScript 函數將會自動運行，并返回一個 undefined 值。愛掏網 - it200.com在這種情況下，瀏覽器不會做任何事情，除了簡單地執行您的 JavaScript 函數。愛掏網 - it200.com

雖然您可以使用該語法來創建一個帶有 href 屬性的鏈接，但這個屬性值通常是一個哈希標簽（#），例如：

<a href="javascript:void(document.body.style.backgroundColor='red')">將背景顏色更改為紅色</a>

在上面的示例中，當用戶單擊鏈接時，文檔的背景顏色將會更改為紅色。愛掏網 - it200.com請注意，void 運算符僅僅用于返回 undefined 的場合，不是其他任何值。愛掏網 - it200.com

void 函數

您可以使用 void 關鍵字來創建需要返回 undefined 的函數。愛掏網 - it200.com下面是一個例子：

function doSomethingCool() {
  // 在這里編寫您想要執行的代碼
  void(0); // 確保函數始終返回 undefined
}

在上面的示例中，我們創建了一個名為 doSomethingCool 的函數。愛掏網 - it200.com這個函數執行一些代碼，然后返回 undefined。愛掏網 - it200.com在返回 undefined 值之前，我們使用了 void 關鍵字，以確保始終返回 undefined 值。愛掏網 - it200.com

結論

在 JavaScript 中，void 是一個非常有用的關鍵詞。愛掏網 - it200.com它允許您創建一個返回 undefined 值的表達式，可以鏈接到您的 HTML 中。愛掏網 - it200.com使用 void 關鍵字可以確保鏈接在單擊時不會導航到新頁面，并且代碼始終返回 undefined。愛掏網 - it200.com雖然在有些情況下，void 運算符可能不是必需的，但您可以使用它來確保瀏覽器和代碼的兼容性。愛掏網 - it200.com