JavaScript对象的相关知识
㈠对象的基本操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象的基本操作</title>
<script>
//创建对象
//使用new关键字调用的函数，是构造函数
var obj = new Object();
/*在对象中保存的值称为属性
* 向对象添加属性：
* 语法：对象.属性名=属性值；
*/
obj.name="魔丸哪吒";
obj.gender="男";
obj.age="13";
/*读取对象中的属性
* 语法：对象.属性名
*如果读取对象中没有的属性，不会报错，而是会返回undefined */
/*console.log(obj.name);
* console.log(obj.hello);*/
/*修改对象的属性值
* 语法：对象.属性名=新值*/
obj.name="风火轮哪吒";
/*删除对象的属性
* 语法：delete obj.name;*/
delete obj.name;
console.log(obj.name);
</script>
</head>
<body>
</body>
</html>
㈡对象的属性名与属性值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>属性名和属性值</title>
<script>
var obj = new Object();
/*向对象中添加属性
* 属性名：
* 对象的属性名不强制要求遵守标识符的规范，但是尽量按照标识符的规范做
* 如果要使用特殊的属性名，不能采用.的方式来操作
* 需要另一种形式语法：对象["属性名"] = 属性值
* 读取时也要采用这种方式
*
* 使用[]这种形式去操作属性，更加灵活
* 在[]中可以直接传递一个变量，这样变量值是多少就会读取那个属性*/
obj.name = "牛魔王";
obj["123"] = 789;
obj["nihao"] = "你好";
var n = "nihao"
console.log(obj[n]);
/*属性值：
* JS对象的属性值，可以是任意的数据类型
* 甚至也可以是一个对象*/
obj.test = "hello";
obj.test = 123;
obj.test = true;
obj.test = null;
obj.test = undefined;
//创建一个对象
var obj2 = new Object;
obj2.name = "铁扇公主";
//将obj2设置为obj的属性
obj.test = obj2;
/*分别尝试以下的输出，看看结果是什么x*/
console.log(obj); //输出属性值是对象
console.log(obj.test); //输出结果是obj2
console.log(obj.test.name); //输出结果是铁扇公主
/*in 运算符
* - 通过该运算符可以检查一个对象中是否含有指定的属性
* - 如果有则返回true，没有则返回false
*
* 语法："属性名" in 对象*/
//检查obj中是否含有test2属性
console.log("test2" in obj);
console.log("test" in obj);
console.log("name" in obj);
</script>
</head>
<body>
</body>
</html>
㈢基本数据类型与引用数据类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本数据类型和引用数据类型</title>
<script>
/*
* 基本数据类型：String Number Boolean Null Undefined
* 引用数据类型：Object
*
* 区别：
* JS中的变量都是保存在栈内存中的
* 基本数据类型的值直接在栈内存中存储
* 值与值之间是独立存在的，修改一个变量不会影响其他的变量
*
* 对象是保存到堆内存的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，
* 而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，
* 当一个通过一个变量修改属性时，另一个也会受到影响*/
var a = 123;
var b = a;
a++;
console.log("a = "+a);
console.log("b = "+b);
//结论：基本数据类型：a的值变了，但是b的值没有变，a与b是独立的，一个值的变化不影响其他值
var obj = new Object;
obj.name = "至尊宝";
var obj2 = obj;
//修改obj的name属性
obj.name = "孙大圣";
console.log(obj.name);
console.name(obj2.name);
//结论：引用数据类型：修改一个变量影响到另一个变量
//设置obj2为null
obj2 = null;
console.log(obj);
console.log(obj2);
//结果：此时obj2的结果为null，obj不变，因为obj2断开了与obj的联系，所以当obj2变化时，obj不受影响
var c = 10;
var d = 10;
console.log(c == d); //结果：true
/*当比较两个基本数据类型的值时，就是比较值。
* 而比较两个引用数据类型时，它是比较的对象的内存地址，
* 如果两个对象是一模一样的，但是地址不同，它也会返回false*/
var obj3 = new Object();
var obj4 = new Object();
obj3.name = "二郎神";
obj4.name = "二郎神";
console.log(obj3 == obj4); //结果：false
//终极总结：基本数据类型保存的是值，引用数据类型保存的是内存地址。
</script>
</head>
<body>
</body>
</html>
㈣对象的字面量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象的字面量</title>
<script>
//使用对象字面量来创建一个对象
var obj = {};
obj.name = "孙悟空";
console.log(obj.name);
/*使用对象字面量，可以在创建对象时，直接指定对象中的属性
* 语法：{属性名：属性值，属性名：属性值，属性名：属性值...}
* 对象字面量的属性名可以加引号也可以不加，建议不加
* 如果要使用一些特殊的名字，则必须加引号
*
* 属性名和属性值是一组一组的名值对结构，
* 名和值之间用：连接，多个名值对之间使用，隔开
* 如果一个属性之后没有其他的属性了，就不要写，（逗号）了。*/
var obj2 = {
name:"蜘蛛精",
age:18,
gender:"女",
test:{name:"沙和尚"}
};
console.log(obj2.test); //结果返回沙和尚
</script>
</head>
<body>
</body>
</html>
