JavaScript 字面量(Literal)是指直接表示值的语法,用于创建基本的数据值。字面量是一种表示数据的简洁方式,在编写代码时非常常见。以下是 JavaScript 中几种常见的字面量类型及其用法:
1. 数值字面量(Number Literals)
数值字面量用于表示数字。可以是整数或浮点数,支持科学记数法。
示例:
let integer = 42; // 整数
let float = 3.14; // 浮点数
let scientific = 1.5e3; // 科学记数法(1500)
2. 字符串字面量(String Literals)
字符串字面量用于表示文本。可以使用单引号、双引号或反引号(模板字符串)。
示例:
let singleQuoteString = 'Hello, World!';
let doubleQuoteString = "Hello, World!";
let templateString = `Hello, World!`; // 模板字符串,支持插值
模板字符串示例:
let name = "Alice";
let greeting = `Hello, ${name}!`; // 使用插值
console.log(greeting); // 输出:Hello, Alice!
3. 布尔字面量(Boolean Literals)
布尔字面量表示布尔值,只有两个可能的值:true
或 false
。
示例:
let isTrue = true;
let isFalse = false;
4. 对象字面量(Object Literals)
对象字面量用于创建对象,使用大括号 {}
包含一组键值对。
示例:
let person = {
name: 'Alice',
age: 30,
isStudent: false
};
访问对象属性:
console.log(person.name); // 输出:Alice
console.log(person['age']); // 输出:30
5. 数组字面量(Array Literals)
数组字面量用于创建数组,使用方括号 []
包含一系列值。
示例:
let numbers = [1, 2, 3, 4, 5];
let mixedArray = [1, 'two', true, null, { key: 'value' }];
访问数组元素:
console.log(numbers[0]); // 输出:1
console.log(mixedArray[1]); // 输出:two
6. 正则表达式字面量(Regular Expression Literals)
正则表达式字面量用于创建正则表达式,使用斜杠 /
包含正则表达式模式。
示例:
javascript复制代码let regex = /[a-zA-Z]/; // 匹配字母
let regexWithFlags = /[0-9]/g; // 匹配数字,带全局标志
使用正则表达式:
let str = "Hello 123";
console.log(regex.test(str)); // 输出:true
console.log(regexWithFlags.exec(str)); // 输出:["1"]
7. null
和 undefined
null
是一个字面量,表示“无值”或“空值”。
示例:
let emptyValue = null;
undefined
不是字面量,但常用于表示变量未初始化的状态。
示例:
let uninitialized;
console.log(uninitialized); // 输出:undefined
总结
JavaScript 的字面量是编程中最基本的构建块之一,它们用于创建和操作基本的数据类型和结构。了解这些字面量的用法可以帮助你更有效地编写和理解 JavaScript 代码。