转码日记——Javascript笔记（4）

对象（引用数据类型）

基本数据类型的不足：基本数据类型都是单一的值，值和值之间没有任何联系；如果只使用基本数据类型，那么创建的变量都是独立的个体，不能成为一个整体。

对象属于复合的数据类型，在对象中可以保存多个不同数据类型的属性。

分类：（1）内建对象—由ES标准中定义的对象，在任何的ES的实现中都可以使用。

           （2）宿主对象— 由JS的运行环境提供的对象，目前来讲主要是浏览器提供的对象 eg. BOM、DOM、console、document

           （3）自定义对象— 开发人员自己创建的对象

对象的基本操作：

//1.创建对象
var obj = new Object(); /*使用new关键字调用的函数是构造函数constructor，构造函数是专门用来创建对象的函数*/
//2.向对象中添加属性，属性就是对象中保存的值
  //语法：对象.属性名=属性值;
obj.name ="猪八戒";

//3.读取对象中的属性
console.log(obj.name);
//如果读取对象中没有的属性，不会报错，会返回undefined

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

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

属性名：对象的属性名不强制要求遵守标志符的规范，但是还是按照标志符规范使用；如果要使用特殊的属性名，则需要遵守新的语法规范。

//语法：对象["属性名"]=属性值;
obj["123"]= 456;
//读取的时候也是一样的
console.log(obj["123"]);

//使用[]这种形式去操作属性更加灵活，因为[]中可以直接传递一个变量
obj["123"]= 456;
var n = "123";
console.log([n]);// == console.log(obj["123"]);

属性值：可以是任意的数据类型，甚至也可以是一个对象

var obj = new Object();
obj.test = null; //属性值可以是任意数据类型
var obj2 = new Object();
obj2.name= "猪八戒"；
//将obj2设置为obj的属性
obj.test = obj2; //塑料袋里套塑料袋
console.log(obj.test.name);//返回“猪八戒”

// 通过in运算符可以检查一个对象中是否含有指定的属性，如果有则返回true,没有则返回false
//语法：“属性名” in 对象
console.log(“test” in obj); //返回true

基本数据类型和引用数据类型的区别

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

var a = 124;
var b = a; //这一步是b把a的值复制过来了
a++;
console.log(a); //返回125
console.log(b); //返回124

//a和b这两个变量都保存在栈内存中，相当于独立的两个数据

变量	值
a	124➡️125
b	124

 

对象是保存在堆内存中的

创建出一个新的对象以后，堆内存会出现保存对象属性值的空间，但是这个空间是没有名字的，只有地址，所以变量保存的也是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当通过变量A修改对象属性的时候，变量B的对象属性也随之改变

var obj = new Object();
obj.name="李";
var obj2= obj; //obj和obj2两个变量名字指向同一个堆内存的地址
obj2.name="c";
console.log(obj.name);//返回c

var obj3 = new Object();
var obj4 = new Object();
obj3.cat="英短银渐层";
obj4.cat="英短银渐层";
console.log(obj3==obj4);//返回false
//虽然两个对象长的一模一样，但是指针指向的堆内存地址是不同的，所以两个对象不一样

其他创建方式：

var obj = {}; //使用对象字面量创造一个对象
//使用字面量创造对象的时候可以直接指定对象中的属性
var obj2 = {
    name:"猪八戒", 
    age:28,
    gender:"男"
};
//属性名和属性值是一对对的关系，属性名：属性值，两个对之间用逗号连接