JavaScript 字面量与对象字面量详解

作者:纸飞机

时间:2026-10-30

浏览:311

本文详细解析 JavaScript 中的字面量概念,重点讲解对象字面量和数组字面量的语法结构。通过示例展示如何创建包含属性、嵌套对象及函数字面量的复杂数据结构,并介绍基于字面量子集的 JSON 数据交换格式及其在 Ajax 开发中的应用。

文章目录

JavaScript 字面量基础

在各类编程语言中,字面量(literal)是用于直接表示固定值的语法形式。以字符串为例,"Hello, World!" 在多数语言中均被视为字符串字面量(string literal),JavaScript 亦遵循此规则。此外,JavaScript 中的数值如 5、布尔值 true 与 false,以及特殊值 null,分别对应整数、布尔类型和空对象引用,它们同样属于字面量的范畴。

对象与数组字面量语法

JavaScript 进一步支持对象字面量(object literal)和数组字面量(array literal),提供了一种简洁且易于阅读的语法来实例化数组和对象。例如,可以通过以下语句创建一个包含 firstName 和 lastName 两个属性的对象:

JavaScript 字面量基础

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

JavaScript 字面量基础

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

JavaScript 字面量基础

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

JavaScript 字面量基础

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

复杂嵌套与函数字面量

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

JavaScript 字面量基础

函数字面量的构造方式如下:以 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 对象字面量的完整讲解,希望能为读者提供参考,并欢迎大家继续支持本站内容。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章