javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript Undefined类型

JavaScript中Undefined类型的使用

作者:橘朵

JavaScript中,Undefined类型是一个特殊且基础的数据类型, 本文就来详细的介绍一下JavaScript中Undefined类型的使用,感兴趣的可以了解一下

在 JavaScript 中,Undefined类型是一个特殊且基础的数据类型,它表示一个变量最原始的自然状态——"未定义"。

Undefined类型只有一个值,就是 undefined。

当使用var或let声明了变量但没有初始化时,就相当于给变量赋予了undefined值。

let message;  
console.log(message == undefined); // true 
//等于
let message = undefined ; //默认情况下,任何未经初始化的变量都会取得undefined值,因此,不必显式的初始化为undefined。
console.log(message == undefined); // true 

可以通过 typeof操作符来确认一个变量是否为 Undefined类型。无论是声明还是未声明,typeof返回的都是字符串"undefined"。

// 变量被声明了,但未初始化,值为 undefined 
let message; 

console.log(message); // "undefined"  
console.log(age); // 没有声明变量,报错

console.log(typeof message); // "undefined" 
console.log(typeof age); // "undefined"

//访问对象不存在的属性
let obj = {};
console.log(obj.name); // undefined

//函数没有返回值
function foo() {} 
console.log(foo()); // undefined

//函数参数未传递
function bar(param) { 
console.log(param); 
} 
bar(); // undefined

//使用 void 操作符
console.log(void(0)); // undefined

使用严格相等进行检查:使用 ===来严格判断一个值是否为 undefined,避免使用 ==(因为 undefined == nulltrue)。

if (myVar === undefined) { /* 处理 undefined */ }

安全地访问对象属性(可选链操作符 ?.):当访问一个可能不存在的深层嵌套属性时,可选链操作符可以避免抛出错误。

let city = user?.address?.city; // 如果 address 不存在,则 city 为 undefined,而非报错。

提供默认值(空值合并运算符 ??):当变量为 undefinednull时,空值合并运算符可以提供一个默认值。它与 ||不同,不会过滤掉其他假值(如 0, "")。

let displayName = username ?? "匿名用户"; // 仅在 username 是 null 或 undefined 时使用默认值。

安全的类型检查:如果要检查一个可能未声明的变量(直接使用会报引用错误),使用 typeof是最安全的方式。

if (typeof someUndeclaredVar === 'undefined') {
  // 不会报错,即使 someUndeclaredVar 从未被声明。
}

到此这篇关于JavaScript中Undefined类型的使用的文章就介绍到这了,更多相关JavaScript Undefined类型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文