Javascript教程（三）——JavaScript中的对象

JS中的对象

• String 字符串
• Number 数值
• Boolean 布尔值
• Null 空值
• Undefined 未定义

以上这五种类型属于基本数据类型，以后如果看到的值不是上面5种，全部都是对象。
基本数据类型都是单一的值，值与值之间没有任何联系。

而对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性
对象属于引用数据类型

基本数据类型与引用数据类型

JS中的变量都是保存到栈内存中的。

• 基本数据类型的值直接在栈内存中存储
• 值与值之间是独立存在的，修改一个变量不会影响其他变量
  

---

• 对象是保存到堆内存中的
• 每创建一个新的对象，就会在堆内存中开辟出一个新的空间；
• 而变量保存的是对象的内存地址（对象的引用）
• 如果两个变量保存的是同一个对象的引用，当通过一个变量改变修改属性时，另一个变量也会受到影响
  

---

当比较两个基本数据类型的值时，就是比较值；

而当比较两个引用数据类型时，它时比较的对象的内存地址

• 如果两个对象是一模一样的，但是内存地址不同，它们也是不一样的。
  

一、对象的分类：

1.内建对象

• 由ES标准中定义的对象，在任何的ES的实现中都可以使用
• 比如：Math String Number Boolean Function Object…

2.宿主对象

• 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象, 比如之前的console和document都是浏览器提供的对象
• 比如 BOM DOM对象

3.自定义对象

• 由开发人员自己创建的对象

二、对象的基本操作：

1. new创建对象

/*
* 使用new关键字调用的函数，是构造函数constructor
* 构造函数是专门用来创建对象的函数
* 使用typeof检查一个对象时，会返回object
*/
var obj = new Object();
console.log(obj);
			
/** 在对象中保存的值称为属性
  * 向对象添加属性
  * 语法：对象.属性名 = 属性值;
  * */	
    //向obj中添加一个name属性
    obj.name = "孙悟空";
    //向obj中添加一个gender属性
    obj.gender = "男";
    //向obj中添加一个age属性
    obj.age = 18;
			
/** 读取对象中的属性
  * 语法：对象.属性名 
  * 如果读取对象中没有的属性，不会报错而是会返回undefined*/	、
	console.log(obj.gender);
	console.log(obj.hello);		

/** 修改对象的属性值
  * 语法：对象.属性名 = 新值*/
	obj.name = "tom";

/** 删除对象的属性
	*语法：delete 对象.属性名*/
	delete obj.name;

三、对象字面量

1.使用对象字面量来创建一个对象

var obj = {};
//console.log(typeof obj);

obj.name = "孙悟空";
//console.log(obj.name);

2. 使用对象字面量，可以在创建对象时，直接指定对象中的属性

• 语法：{ 属性名:属性值, 属性名:属性值… }
• 对象字面量的属性名可以加引号也可以不加，建议不加；但如果要使用一些特殊的名字，则必须加引号
• 属性名和属性值是一组一组的名值对结构
• 名和值之间使用冒号(:)连接，多个名值对之间使用逗号(,)隔开；如果一个属性之后没有其他的属性了，就不用逗号了。

var obj2 = {name:"猪八戒",
            age:13,
			gender:"男",
			test:{name:"沙僧"}	
			};
console.log(obj2.test);

四、枚举对象中的属性

//枚举对象中的属性
var obj = {
	name:"孙悟空",
	age:18,
	gender:"男",
	address:"花果山"
};
					 
//枚举对象中的属性
//使用for ... in 语句
/** 语法：
* 	for(var 变量 in 对象){
* 	
*   }
* 
* for...in语句 对象中有几个属性，循环体就会执行几次
* 	每次执行时，会将对象中的一个属性的名字赋值给变量*/			
for(var n in obj){
    console.log("属性名:"+n);
    console.log("属性值:"+obj[n]);
}