Adobe Dreamweaver JavaScript

JavaScript对象总结
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：彭锦林
撰写时间：2020年4月23日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~如果我们使用基本数据类型，可以将一个人的信息保存下来，
但是他们是独立的没有联系的数据

- 对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型的属性
一．对象的分类：
1.内建对象
- 由ES标准中定义的对象，在任何ES的实现中都可以使用
例如：Math String Number Boolean Function Object...
2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如：BOM(浏览器对象模型) DOM(文档对象模型)
例如 我们常用的console.log() 就是DOM 中的对象
3.自定义对象
- 由咱们开发人员自己定义的对象
创建对象
使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
例如：
var obj=new Object();//创建对象
console.log(obj);
console.log(typeof obj)//数据类型;
【在对象中保存的值称为属性】
1.向对象添加属性的语法: ①对象.属性名=属性值 ② 对象["属性名"]=属性值
2.读取对象属性的语法: ①对象.属性名 ②对象["属性名"]
- 注意：如果对象中没有的属性，不会报错而是返回undefined
1.为对象添加属性
例如：
obj.name="zhangsan";
obj.age=21;
obj.tel="13894558732";
console.log(obj);
2.获取对象中的属性值
例如：

console.log(obj.tel);
console.log(obj.adress);
console.log(obj["name"]);
3.修改对象的属性值
obj.age=22;
4. 删除对象的属性
delete obj.tel;
console.log(obj);
二．对象_属性名与属性值
属性名：
对象的属性名不强制要求遵守标识符规则
什么名称都可以，但是不允许这里使用，我们自己定义的使用都必须遵守标识符规则
例如：
var person=new Object();
var obj=new Object();
obj.name="zhangsan";
obj.age=12;
console.log(obj);
//obj["name"]="wangwu";
*in运算符
通过该运算符检查一个对象中是否含有指定的属性
如果含有则返回true，如果没有则返回false
语法 ："属性名" in 对象
例如：
var boss=new Object();
boss.name="马云";
boss.age=40;
console.log("adress" in boss);// false
三．Js中的变量和对象的区别
变量：JS中的变量都是保存在栈内存中的
基本数据类型的值直接在栈内存中存储
值与值之间是独立存在的，修改一个变量不会影响到其他的变量

对象：对象是保存在堆内存中的，每创建一个新的对象，就会在堆内存中开辟新的空间。而变量保存的是对象的内存地址(对象的引用)，如果两个变量保存的是同一个对象引用，当其中一个通过变量修改属性时，另外一个也会受到影响。
四．对象字面量
1.创建一个对象
var obj=new Object();
2.使用对象字面量来创建一个对象
var obj={};
使用对象字面量，可以在创建对象时，直接指定对象中的属性
语法：{属性名1:属性值1,属性名2:属性值2,...}
对象字面量的属性名可以加引号，也可以不加，建议不加
如果要使用一些特殊的属性名，则必须加上引号
obj.name="zhangshan";
obj["123"]="123234234";