JS学习笔记_04对象学习

对象

一、JS中的数据类型

（一）基本数据类型

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

备注：

基本数据类型都是单一的值，使用基本数据类型数据，我们创建的变量都是独立的，不能成为一个整体

（二）对象

Object 对象

备注：

1、对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性
2、对象的分类
（1）内建对象：由ES标准中定义的对象，在任何的ES的实现中都可以使用
例如：Math\String\Number\Boolean\Function\Object
（2）宿主对象：由JS运行环境提供的对象，目前来讲主要指由浏览器提供的对象
例如：BOM、DOM
（3）自定义对象：由开发人员自己创建的对象

二、创建对象

（一）构造函数

使用new关键字调用的函数，是构造函数constructor，构造函数是专门用来创建对象的函数
例如：var obj = new object();

（二）属性

1、在对象中保存的值称为属性
2、向对象添加属性
语法：对象.属性名 = 属性值；
3、读取对象中的属性
语法：对象.属性名
4、修改对象的属性值
语法：对象.属性名 = 新值

（三）属性名与属性值

属性名

1、对象的属性名不强制要求遵守标识符的规范，但是还是尽量按照标识符的规范去做
2、如果要使用特殊的属性名称，不能采用.的方式来操作，需要使用另外一种方式：(添加时也采用这种方式)
语法：对象【“属性名”】 = 属性值
例如：obj.123 —> obj[“123”]
3、使用【】这种形式去操作属性，更加的灵活(变量值是什么就传递哪个)，在【】中可以直接传递一个变量，这样变量值是多少就会读取那个属性
例如：

obj["123"] = 789;
var n = "789";
console.log(obj[n]);

属性值

1、JS对象的属性值，可以是任意的数据类型，可以是基本数据类型，也可以是对象；
2、in运算符： 通过该运算符可以检查一个对象中是否含有指定的属性，如果有则返回true，没有则返回false
语法：“属性名” in 对象

（三）使用工厂方法创建对象

使用工厂方法创建的对象，使用的构造函数都是Object，所以创建的对象都是Object这个类型，就导致我们无法区分出不同类型的对象

//正常创建一个对象
			var obj = {
				name:"1",
				age:0,
				gender:"male",
				printName:function(){
					alert(this.name);
				}
			};
			//使用工厂方法创建对象，通过该方法可以大批量的创建对象
			function createPerson(name,age,gender){
				//创建一个新对象
				var obj = new Object();
				//向对象中添加属性
				obj.name = name;
				obj.age = age;
				obj.gender = gender;
				obj.printName = function(){
					alert(this.name);
				};
				//将新的对象返回
				return obj;
			}
			//批量创建对象
			var obj2 = createPerson("Sam",18,"Male");
			var obj3 = createPerson("Ted",28,"Male");
			var obj4 = createPerson("Lucy",38,"Female");
			
			obj2.printName();
			console.log(obj2);

三、基本数据类型和引用数据类型

基本数据类型
String Number Boolean Null Undefined
引用数据类型
Object

备注：

1、JS中的变量都是保存在栈内存中，基本数据类型的值直接在栈内存中存储，值与值之间是独立存在的，修改一个变量不会影响其他变量；
2、对象是保存在堆内存中，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象的引用，当通过一个变量修改属性时，另一个也会受到影响，当将其中一个变量设置为Null时，另外一个不受影响；
3、当比较两个基本数据类型的值时就是比较值，而比较两个引用数据类型时，它是比较的对象的内存地址，如果两个对象时一摸一样的，但是地址不用，它也会返回false；

四、对象字面量

使用对象字面量来创建一个对象，可以在创建对象时，直接指定对象中的属性
语法：{属性名：属性值，属性名：属性值…}
例如：var obj = {name:“独孤”,age:28,gender:“男”}

备注：

1、对象字面量的属性名可以加引号也可以不加，建议不加，如果要使用一些特殊的名字，则必须加引号
2、属性名和属性值时一组一组的名值对的结构，名和值之间使用：连接，多个名值对之间使用，隔开（如果一个属性之后没有其他属性了，就不需要写）