DEV Community
·
学习JavaScript：null、undefined和模板字面量
内容提要
在JavaScript中，null表示故意缺失的对象值，通常用于指示变量为空或值未知；而undefined表示变量已声明但未赋值。模板字面量是ES6引入的字符串处理方式，支持变量嵌入和多行字符串。
关键要点
-
在JavaScript中，null表示故意缺失的对象值，通常用于指示变量为空或值未知。
-
null的类型是'object'，这是JavaScript中的一个已知bug。
-
使用null可以明确表示'没有值'或'没有对象'。
-
null是一个假值，在布尔上下文中评估为false。
-
undefined表示变量已声明但未赋值，是JavaScript的核心原始数据类型之一。
-
未初始化的变量会自动设置为undefined。
-
没有返回语句的函数会返回undefined。
-
缺少函数参数时，参数的值为undefined。
-
模板字面量是ES6引入的字符串处理方式，支持变量嵌入和多行字符串。
-
模板字面量使用反引号(`)而不是单引号或双引号。
-
模板字面量支持字符串插值，可以嵌入变量和表达式。
-
模板字面量支持多行字符串，无需使用换行符或字符串连接。
-
可以在模板字面量中包含任何有效的JavaScript表达式。
-
标签模板字面量是一个处理模板字面量的函数，可以进行更复杂的字符串处理。
延伸解读
理解null与undefined的区别
在JavaScript中，null和undefined虽然都表示缺失的值，但它们的含义和使用场景不同。null表示故意缺失的对象值，通常用于指示变量为空；而undefined则表示变量已声明但未赋值。理解这两者的区别有助于更准确地处理代码中的空值情况。
模板字面量的优势
ES6引入的模板字面量使得字符串处理更加灵活和简洁。通过使用反引号，可以轻松实现多行字符串和变量嵌入，避免了传统字符串拼接的繁琐。这对于提高代码的可读性和维护性具有重要意义，尤其在处理复杂字符串时。
注意null的布尔值特性
null在布尔上下文中被视为假值，这意味着在条件判断中，null会被评估为false。这一特性在编写条件语句时需要特别注意，以避免逻辑错误。开发者应当明确何时使用null，以确保代码的逻辑清晰。
延伸问答
JavaScript中的null和undefined有什么区别？
null表示故意缺失的对象值，而undefined表示变量已声明但未赋值。
如何在JavaScript中检查一个变量是否为null？
可以使用if (value === null)来检查变量是否为null。
模板字面量在JavaScript中有什么特点？
模板字面量支持字符串插值、多行字符串，并使用反引号(`)而不是单引号或双引号。
如何在模板字面量中嵌入变量？
可以使用${...}语法在模板字面量中嵌入变量和表达式。
什么情况下变量会被赋值为undefined？
未初始化的变量、没有返回语句的函数、缺少参数时都会导致变量为undefined。
什么是标签模板字面量？
标签模板字面量是一个处理模板字面量的函数，可以进行更复杂的字符串处理。
