JavaScript中undefined的正確打開方式詳解
更新時(shí)間：2025年07月09日 08:22:59 作者：燭陰
undefined 是 Undefined 類型的唯一值,它表示未定義的值,當(dāng)聲明變量未賦值時(shí),或者定義屬性未設(shè)置值時(shí),默認(rèn)值都為 undefined,本文給大家解鎖略熱avaScript 中 undefined 的正確打開方式,需要的朋友可以參考下
一、 理解 void 0
1.1 什么是 void 運(yùn)算符？
void 是 JavaScript 中的一個(gè)運(yùn)算符，它接受一個(gè)表達(dá)式作為操作數(shù)，總是返回 undefined，無(wú)論操作數(shù)是什么。
console.log(void 0); // undefined
console.log(void 1); // undefined
console.log(void "hello"); // undefined
console.log(void {}); // undefined
1.2 為什么使用 void 0 而不是 undefined？
在 ES5 之前，undefined 不是保留字，可以被重寫：
// 在ES3環(huán)境中可能出現(xiàn)的危險(xiǎn)情況 var undefined = "oops"; console.log(undefined); // "oops" 而不是預(yù)期的 undefined
void 0 則始終可靠地返回真正的 undefined 值：
var undefined = "oops"; console.log(void 0); // undefined (不受影響)
1.3 現(xiàn)代 JavaScript 還需要 void 0 嗎？
ES5 及以后版本中，undefined 是不可寫、不可配置的全局屬性：
// 現(xiàn)代瀏覽器中 undefined = "oops"; console.log(undefined); // undefined (不會(huì)被修改)
二、void 0 的實(shí)用場(chǎng)景
2.1 最小化場(chǎng)景：減少代碼體積
void 0 比 undefined 更短，在需要極致壓縮代碼時(shí)很有用：
// 原始代碼
function foo(param) {
if (param === undefined) {
param = 'default';
}
}
// 壓縮后（使用 void 0）
function foo(n){if(n===void 0)n="default"}
2.2 立即執(zhí)行函數(shù)表達(dá)式 (IIFE)
傳統(tǒng) IIFE 寫法：
(function() {
// 代碼
})();
使用 void 的 IIFE：
void function() {
// 代碼
}();
2.3 箭頭函數(shù)中避免返回值
當(dāng)需要箭頭函數(shù)不返回任何值時(shí)：
let func = () => {
return new Promise((resolve, reject) => {
setTimeout(resolve(5));
})
};
// 會(huì)返回 func 的 Promise
const logData = func();
// 明確不返回值
const logData = void func();
三、常見的 void 0 誤區(qū)
3.1 與 undefined和null的嚴(yán)格比較
console.log(void 0 === undefined); // true console.log(void 0 === null); // false
3.2 與 void 其他表達(dá)式
let count = 0; void ++count; console.log(count); // 1 (表達(dá)式仍會(huì)執(zhí)行)
總結(jié)
到此這篇關(guān)于JavaScript中undefined的正確使用方式詳解的文章就介紹到這了,更多相關(guān)JavaScript undefined使用方式內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
小程序中設(shè)置緩存過(guò)期的實(shí)現(xiàn)方法
這篇文章主要介紹了小程序中設(shè)置緩存過(guò)期的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了JS實(shí)現(xiàn)閉包中的沙箱模式,結(jié)合實(shí)例形式分析了閉包模塊化實(shí)現(xiàn)沙箱模式的原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
javascript獲取ckeditor編輯器的值(實(shí)現(xiàn)代碼)
這篇文章主要介紹了javascript獲取ckeditor編輯器的值，用于表單驗(yàn)證。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
js為數(shù)字添加逗號(hào)并格式化數(shù)字的代碼
數(shù)字添加逗號(hào)的方法有很多，在本將為大家介紹下使用js來(lái)實(shí)現(xiàn)，具體如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學(xué)，可以參考下2021-04-04
js鼠標(biāo)單擊和雙擊事件沖突問(wèn)題的快速解決方法
下面小編就為大家?guī)?lái)一篇js鼠標(biāo)單擊和雙擊事件沖突問(wèn)題的快速解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
在 JavaScript 中,日期和時(shí)間的處理與格式化是非常常見的需求,JavaScript 提供了內(nèi)置的 Date 對(duì)象用于操作日期和時(shí)間,但它的格式化功能較為有限,為了更方便地格式化日期,通常需要結(jié)合一些額外的工具或庫(kù),本文涵蓋了從基礎(chǔ)到進(jìn)階的日期格式化技巧2024-10-10
js 獲取、清空input type="file"的值(示例代碼)
本篇文章主要介紹了js 獲取、清空input type="file"的值(示例代碼) 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JS實(shí)現(xiàn)canvas簡(jiǎn)單小畫板功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)canvas簡(jiǎn)單小畫板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法
這篇文章主要介紹了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法,實(shí)例分析了javascript回調(diào)函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03