JavaScript-Object对象详解

对象

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. 数据类型说明

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

2. 引出对象

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

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

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

3. 对象分类

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

4. 对象说明

4.1. 创建对象

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

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

4.2. 对象的属性

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

1. 向对象添加属性
   • 读法：对象，属性名 = 属性值

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