JavaScript-Object对象详解

置顶

王十四兄

已于 2023-01-01 14:44:53 修改

阅读量2.5k

点赞数 2

分类专栏： javascript 文章标签：前端 javascript 开发语言 web html

于 2022-11-29 21:23:57 首次发布

本文链接：https://blog.csdn.net/weixin_64933233/article/details/128105350

版权

本文详细介绍了JavaScript中的对象，包括数据类型、创建对象的方法、对象的属性、属性名和属性值的规则，以及对象字面量的使用。通过学习，你可以掌握如何在JavaScript中创建和操作对象。

摘要由CSDN通过智能技术生成

文章目录

对象

对象

var obj = new Object();

obj.name = "孙悟空";
obj.gender = "男";
obj.age = 18;

//console.log(obj.gender);
//console.log(obj.hello);

obj.name = "tom";
delete obj.name;
console.log(obj.age);

请添加图片描述

1. 数据类型说明

String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
- 以上这五种数据类型属于基本数据类型，以后我们看到的值
- 只要不是上边的 5 种，全都是对象
Object 对象

2. 引出对象

基本数据类型都是单一的值"hello" 123 true，
- 值和值之间没有任何的联系。
在 JS 中来表示一个人的信息 (name gender age)

var name = "孙悟空";
var gender = "男";
var age = 18;

如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体
对象属于一种复合的数据类型，在对象中可以保存多个不同的数据类型的属性。

3. 对象分类

内建对象
- 由 ES 标准中定义的对象，在任何的 ES 实现中都可以实现
- 比如: Math String Number Boolean Function Object…
宿主对象
- 由 JS 的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如 BOM DOM
自定义对象
- 由开发人员自己创建的对象

4. 对象说明

4.1. 创建对象

使用 new 关键字调用的函数，是构造函数 constructor
- 构造函数是专门用来创建对象的函数
使用 typeof 检查一个对象时，会返回 object

var obj = new Object();
console.log(typeof obj);

4.2. 对象的属性

在对象中保存的值称为属性

向对象添加属性
- 读法：对象，属性名 = 属性值

var obj = new Object();
//向obj中添加一个name属性
obj.name = "孙悟空";
//向obj中给添加一个gender属性
obj.gender = "男";
//向obj中添加一个age属性
obj.age = 18;
console.log(obj.age)