JavaScript对象总结

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：谢军山
撰写时间：2020年4月23日
JavaScript对象
JavaScript中的数据类型：string 字符 Number 数值 Boolean 布尔 Null 空值 Undefined 未定义
以上五种数据类型为基本数据类型，如果不是以上数据类型的，都为对象
object 对象
如果我们使用基本数据类型，可以将一个人的信息保存下来，但是它们是独立的没有联系的数据
对象属于一种复合的数据类型，在对象中可以存储多个不同的数类型的属性
对象分类：
1、 内建对象
由ES标准中定义的对象，在任何ES的实现中都可以使用，比如：Math String Number Boolean
Function Object…
2、 宿主对象
由JavaScript的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
比如：BOM(浏览器对象模型) DOM(文档对象模型)
例如：我们常用的console.log() 就是DOM中的对象
3、 自定义对象
由我们开发人员自己定义的对象
创建对象 var obj1=new Object(); var obj2=new Object();
使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
在对象中保存的值称为属性
向对象添加属性的语法：①对象.属性名=属性 ②对象[“属性名”]=属性值
读取对象属性的语法： ①对象.属性名
②对象[“属性名”]
注意：如果对象中没有的属性，不会报错而是返回undefined
为对象添加属性
第一种 obj1.name=”zhangsan”; obj1.age=21;
obj1.tel=”13815446544”
第二种 obj2[“name”]=”wangwu” obj2[“age”]=23;
obj2[“tel”]=”23256245245”
获取对象中的属性值 console.log(obj1.tel); console.log(obj1.name);
Console.log(obj2[“tel”]);
修改对象的属性值 obj1.age=22；
删除对象的属性 delete obj1.tel;
In运算符
通过该运算符检查一个对象中是否含有指定的属性
如果有就返回true，如果没有就返回false
语法： “属性名” in对象 console.log(“name” in p1);
可以使用对象的hasOwnProperty()方法来检查对象自身中是否含有该属性
使用该方法只有当对象自身中含有属性是，才会返回true
console.log(p1.hasOwnProperty(“name”));
使用工厂方法创建对象
通过该方法可以大批量的创建对象
JavaScript原型prototype
我们创建的每一个函数，解析器都会向函数中添加一个属性prototype
这个属性对应着一个对象，这个对象就是我们所谓的原型对象
如果函数作为普通函数调用prototype没有任何作用
当函数以构造函数的形式调用时，他所创建的对象中都会有一个隐藏的属性
指向该构造函数的原型对象，我们可以通过__proto__来访问该属性
原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象
我们可以将对象中共有的内容，统一设置到原型对象中
当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找。如果找到则直接使用
以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。