一、变量 Object
JS中的数据类型:
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
以上这五种属于基本数据类型,以后我们看到的值只要不是以上的五种,就全是对象。
基本数据类型都是单一的值“hello” 123 true,值和值之间没有任何联系。
在JS中来表示一个人的信息(name,gender,age)
var name="lili";
var gender="女";
var age=22;
如果使用基本数据类型
我们所创建的变量都是独立的
不能成为一个整体
对象属于一种复合的数据类型,在对象中可以保存多个不同的数据类型的属性。
1.对象的分类
(1)内建对象
- 由ES标准中定义的对象,在任何的ES的实现中都可以使用 比如:Math String Number Boolean。。。
(2)宿主对象
- 由JS的运行环境提供的对象,目前来讲主要是指由浏览器提供的对象 比如:BOM(浏览器对象模型)DOM(文档对象模型)两类对象
(3)自定义对象
- 由开发人员自己创建的对象
二、创建对象
1. 创建对象
使用new关键字调用的函数,是构造函数constructor 构造函数是专门用来创建对象的函数。
var obj=new Object();
//new调用Object()函数去构造函数来创建对象,然后赋值给变量obj
//使用typeof检查一个对象时,会返回object
2. 在对象中添加属性
在对象中保存的值称为属性 向对象中添加属性
语法: 对象.属性名=属性值;
var obj=new Object();
obj.name="lili";
obj.age=22;
console.log(obj);
//{"age":22,"name":"lili"}
3.读取对象中的属性
语法:对象.属性名
console.log(obj.name);
如果读取对象中没有的属性,不会报错而是会返回undefined。
4.修改对象中的属性
语法:对象.属性名=新值;
5.删除对象中属性
语法:delete 对象.属性名;
delete obj.name;
6.使用工厂方法创建对象
使用工厂方法创建对象,通过该方法可以批量的创建对象。
function fun(name,age){
//创建一个新的对象
var obj=new Object();
//向对象中添加属性
obj.name=name;
obj.age=age;
obj.sayName=function(){
console.log(this.name);
}
//将新对象返回
return obj;
}
var obj2=fun("zhuzhu",22);
console.log(obj2);//输出fun函数中的obj对象的属性和属性值
obj2.sayName();//输出fun函数的sayName
使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型,就导致我们无法区分出多种不同类型的对象。需要去构造函数
三、属性名和属性值
向对象中添加属性:
obj.name="李李";name是属性名,李李是属性值
1. 属性名:
(1)对象的属性名不强制要求遵守标识符的规范,什么都可以用,但是我们使用还是尽量按照标识符的规范去做。
(2)如果要使用特殊的属性名(不符合标识符规则的),不能采用.的方式来操作,需要另一种方式:
语法:对象[“属性名”]=属性值;
var obj=new Object();
obj["1aa"]=789;
console.log(obj["1aa"]);
(3)使用[]这种形式去操作属性,更加的灵活,在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性名,从而得出属性值。
var obj=new Object();
obj["nihao"]="你好";
var n="nihao";
console.log(obj[n]);
2. 属性值
(1)JS中的属性值,可以是任意的数据类型,甚至也可以是一个对象。
var obj=new Object();
var obj2=new Object();
obj2.name="lili";
obj.test=obj2;//将obj2设置成obj的属性值
console.log(obj.test);
{"name":"lili"}
(2)检查一个对象中是否含有指定的属性
in 运算符,通过该运算符可以检查一个对象中是否含有指定的属性,如果有则返回true,没有则返回false。
语法:属性名 in 对象
console.log("test2" in obj);//false
四、基本和引用数据类型
基本数据类型是直接保存的值在栈中,引用数据类型只是引用地址,变量引用内存地址,对象保存在堆中。
-
JS中的变量都是保存到栈内存中的
基本数据类型的值直接在栈内存中存储。
值与值之间是独立存在,修改一个变量不会影响其他的变量。
-
对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟一个新的空间,而变量保存的是对象的内存地址(对象的引用)。
如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受影响。
obj2=null和obj没有关系。 -
当两个对象的属性一样,属性值也一样,这两个对象还是不相等,是单独的两个对象。内存地址不一样就是不一样。
当比较两个基本数据类型时,就是单纯的比较值。
当比较两个引用数据类型时,它是比较对象的内存地址。
五、对象字面量
1. 使用对象字面量来创建一个对象
var obj={};
使用对象字面量,可以在创建对象时,直接指定对象中的属性。
语法:{属性名:属性值,属性名:属性值…}
- 对象字面量的属性名可以加引号也可以不加,建议不加 如果要使用一些特殊的名字,则必须加引号。
- 属性名和属性值是一组一组的名值对结构
属性名和属性值之间用:连接
多个名值对之间使用逗号,隔开
如果一个属性之后没有其他的属性了,就不要写逗号,