JavaScript 字面量与对象字面量详解
本文详细解析 JavaScript 中的字面量概念,重点讲解对象字面量和数组字面量的语法结构。通过示例展示如何创建包含属性、嵌套对象及函数字面量的复杂数据结构,并介绍基于字面量子集的 JSON 数据交换格式及其在 Ajax 开发中的应用。
JavaScript 字面量基础
在各类编程语言中,字面量(literal)是用于直接表示固定值的语法形式。以字符串为例,"Hello, World!" 在多数语言中均被视为字符串字面量(string literal),JavaScript 亦遵循此规则。此外,JavaScript 中的数值如 5、布尔值 true 与 false,以及特殊值 null,分别对应整数、布尔类型和空对象引用,它们同样属于字面量的范畴。
对象与数组字面量语法
JavaScript 进一步支持对象字面量(object literal)和数组字面量(array literal),提供了一种简洁且易于阅读的语法来实例化数组和对象。例如,可以通过以下语句创建一个包含 firstName 和 lastName 两个属性的对象:

除了上述方式,还可以采用等价的语法结构来构建相同的对象实例。

在上述赋值语句的右侧,即为一个对象字面量(object literal)。对象字面量本质上是由逗号分隔的名值对列表,整体包裹在大括号 {} 内。每个名值对代表对象的一个属性,属性名与属性值之间通过冒号 : 分隔。若需创建数组,传统方式是实例化 Array 对象:

然而,更推荐的做法是使用数组字面量(array literal)。这是一种由逗号分隔的值列表,整体包裹在中括号 [] 内:

前述示例表明,对象和数组字面量内部可以嵌套其他类型的字面量。以下展示了一个更为复杂的嵌套示例:

复杂嵌套与函数字面量
赋值给 team 变量的对象包含三个属性:name、members 和 count。需要注意的是,'' 代表空字符串,[] 代表空数组。此外,count 属性的值本身也是一个字面量,具体为函数字面量(function literal):

函数字面量的构造方式如下:以 function 关键字开头,后接可选的函数名称及参数列表。随后是包含在大括号 {} 内的函数体代码。
JSON 数据交换格式
至此已介绍字面量的基本概念,接下来探讨 JavaScript 对象记法(JavaScript Object Notation,简称 JSON)。JSON 是一种基于 JavaScript 字面量子集的数据描述格式,常用于文件描述和数组序列化。由于 JSON 格式简洁且易于解析,它在 Ajax 开发人员中日益流行,通常作为 XML 的替代方案用于数据交换。
========================================================================= JavaScript对象字面量的例子(原创) 对象字面量:
//只能添加静态属性和方法
var myObject={
propertyA: sha ,
propertyB: feng ,
methodA:function(){
alert(this.propertyA+ +this.propertyB);
},
methodB:function(){}
}
myObject.methodA();
//利用prototype属性可以添加公有属性和方法
function myConstructor2(){}; //声明构造函数,可以使用对象字面量语法来向prototype属性中添加所有公有成员
myConstructor2.prototype={
propertyA: sha ,
propertyB: feng ,
methodA:function(){
alert(this.propertyA+ +this.propertyB);
},
methodB:function(){}
}
var myconstrustor=new myConstructor2(); //声明对象
myconstrustor.methodA();
以上即为关于 JavaScript 对象字面量的完整讲解,希望能为读者提供参考,并欢迎大家继续支持本站内容。
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
