JavaScript 对象基础:定义、属性访问与操作详解

作者:闭包旅人

时间:2026-10-26

浏览:270

本文介绍 JavaScript 中对象的本质与简单类型的区别,详细讲解使用字面量和 new 关键字定义对象的方法。内容涵盖属性值的获取、更新、删除及通过原型链访问属性的机制,并演示如何利用 || 运算符设置默认值,帮助开发者掌握对象的核心操作。

文章目录
1.简单类型

JavaScript 对象与简单类型概述

JavaScript 的简单类型涵盖数字(Number)、字符串(String)、布尔值(Boolean)、null 以及 undefined。除了这些简单类型外,其余所有值均被视为对象。



2.对象

在 JavaScript 中,对象是一种可变的键控集合。值得注意的是,数组、函数以及正则表达式在 JavaScript 中也被归类为对象。



对象本质上是属性的容器,每个属性都包含一个名称和一个值。属性的名称可以是任意字符串,包括空字符串;而属性的值可以是除 undefined 以外的任何值。



3.对象的定义方法

对象的定义方法

定义对象主要有两种方式,第一种是使用字面量语法。例如:



var obj = {"name":"Jim","age":16};


第二种方式是通过 new 关键字来创建。例如:



var obj = new Object();


obj.name = "Jim";


obj.age = 16;


4.对象的属性

对象属性的访问与操作

获取对象的属性值主要有两种语法形式:



var obj = {"name field":"Jim","age":16};


var name =obj["name field"] ; //属性字符串是变量或者不是合法标识符时可以使用


var age =obj.age ;


//优先考虑使用。但当属性字符串是常量,而且属性字符串是合法的标识符时,才能使用


|| 运算符可用于为属性提供默认值:



var status = flight.status || “unkown”;



对象的属性值可以通过赋值语句进行更新:



obj.age = 20;



在 JavaScript 中,对象是通过引用进行传递的。



对象还可以访问其原型(prototype)链上的属性。



delete 运算符可用于删除对象中的特定属性。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章