js之对象深入学习
在学习js的过程中,会触及到对象的学习。对于对象可以将其分为以下几类:
内置对象:是ES语法中定义的对象或者类
宿主对象:是webAPI中定义的对象(宿主对象也可以是内置对象)
自定义对象:通过js语法自己定义的对象
自有属性:在对象中定义的属性
继承属性:在对象的原型中定义的属性
对于对象如何去创建的,在这里就不过多的去叙述。在java等一些面向对象的语言中,每当涉及到对象就会涉及到继承。因此在js中也会涉及到继承。这里需要引用到原型来说明js对象之中的继承关系。原型:表示一个js对象(null除外)和另一个对象之间的关联,每一个对象都成原型上继承属性 原型的表示: 构造函数名.prototype. 如:
通过new Object()创建对象的原型——>Object.prototype
new Array()创建对象的原型——>Array.prototype
注:没有对象的原型很少Object.prototype就是其中之一
说完原型之后,那么就必须说到原型链。原型链:一系列链接的原型对象。例如:Date.prototype的属性继承自Object.prototype,因此由new Date()创建的对象的属性同时继承自Date.prototype和Object.prototype。注意:所有的内置构造函数(以及大部分自定义的构造函数)都具有一个继承自Object.prototype的原型。对于原型链还需要想到的就是在js中的继承方式,分别为原型链继承 使用构造函数继承 call调用结合构造函数继承 共有继承 圣杯模式继承具体看我之前写过的博客 ,具体的博客地址如下,上面有这几种是继承的实现实例 https://blog.csdn.net/care_yourself/article/details/86303173
在ES5中定义了一个名为Object.create()方法,它创建一个新的对象,其中第一个参数是这个对象的原型,并且提供了第一个可选参数。对于Object.create()其是一个静态的函数,而不是提供给某个对象调用的方法,使用时只需要传入原型对象即可,如:var 01 = Object.create({ x : 1, y: 2}); // o1继承了属性x与y 注意: 当传入的参数为null时,可创建一个没有原型的新对象,这种创建的方式会使得这个对象不会继承任何东西。创建空对象的方法, var o2 = Object.create(Object.prototype); //o2和new Object与{}相同。
属性的查询与设置:
Object.property与Object["property"]表示的结果是相同的。第二种表示方式称为关联数组也被称为伞列 映射或字典
属性访问错误:
查询一个不存在的属性并不会报错,如果对象本身或者继承的原型中都没有这个属性,就会出现undefined
如果查询的对象并不存在,则在操作的过程中就会出现报错
给null和undifined设置属性也会报类型错误,某些属性是只读或者是不能重新赋值时,不会报错但是会操作失败
给对象o设置属性p会失败:
1.o中属性p是只读的 2.o中的属性p是继承属性,且它是只读的 3.o中不存在自有属性p
删除属性:
delete运算符可以删除对象的属性,delete运算符只能删除自有属性,不能删除继承属性。当delete表达式删除成功或没有任何副作用(比如删除不存在的属性时),它会返回true。
如: o = { x :2 }
delete o.x //删除x,返回true
delete o.x //x已经不存在,返回true
delete不能删除那些可配置性为false的属性
如: delete Object.prototype //不能删除,属性不可配置
var x = 1;
delete this.x ; //不能删除这个属性
function f(){};
delete this.f; //不能删除全局函数
检测属性:
来检测集合中成员的所属关系——判断某个属性是否在某个对象中,可通in运算符 hasOwnProperty()和propertyIsEnumerbal()
来进行操作
如: var o = { x : 1 }
"x" in o //true "x"是对象o的属性所以返回的结果为true
hasOwmProperty()方法用来检测给定的名字是否是对象的自有属性,propertyIsEnumerble()方法检测到自有属性并且这个属性的可枚举性为true时才会返回true
枚举属性:
对于枚举属性,即就是去遍历对象中的属性,常采用的方式就是使用for/in来循环,其循环遍历的对象为所有可枚举性的属性(包括自有属性和继承的属性)
过滤for/in循环返回的属性方式:
for(p in o){
if(!o.hasOwnProperty(p)) continue //跳过继承属性
}
for(p in o){
if( typeof o[p] === 'function') continue //跳过方法
}
在ES5中定义了两个用以枚举属性名称的函数,第一个是Object.keys()其返回一个数组,这个数组由对象中可枚举的自有属性的名称。第二个是Object.getOwnPropertyNames()它返回对象的所有自有属性的名称。
属性的getter与setter:
在ES5中定义了getter和setter,由这两者定义的属性称为存取器属性,其不同于数据属性,数据属性是一个简单的值,如果属性同时具有setter和getter方法,那么它是一个读/写属性,只有getter方法是一个只读属性,只有一个setter是一个只写属性。
//存取器属性通常都是成对定义的函数常通过set 与 get来定义
get all_prop()
set all_prop()
数据属性和存取器属性的区别
不同点: 存取器属性不具有可写性
相同点: 两者都是可继承性
属性的特性:
数据属性的四个特性:值(value) 可写性(writable) 可枚举性(enumerable) 可配置性(configurable)
存取器属性的四个特性:取(get) 写入(set) enumerable configurable
查询和设置属性特性:
可以通过这些APl给原型对象添加方法,将他们设置成不可枚举的
可以通过API给对象定义不能修改或删除的属性
调用Object.getOwnPropertyDescriptor()可以获得某个对象特定属性的属性描述符 调用Object.defineProperty(),可以设置属性的特性,或者想要其具有某种特性。
如: var o = {};
//添加一个不可枚举的数据属性,并赋值为1
Object.defineProperty(o, "x", {
value: 1,
writable: true,
enumerable: true,
configurable: true
})
当写入Object.defineProperty()的属性描述符对象,不必包含所有四个特性,默认的特性值是false或undefined。如果需要同时修改或创建多个属性,用Object.defineProperties(),只不过此时的第一个参数为要修改的对象,第二个参数为一个映射表。对于一些不允许创建或修改的属性来说,如果用上述的两种方法对其操作(修改或新建)会抛出类型错误异常,其更改需要遵循一定的规则
对象的三个属性: 1.原型 2.类 3.可扩展性
1.原型: 用来继承属性,原型属性是在实例队形创建之初就设置好的。在ES5中查询原型的一些方法,将对象作为参数传入Object.getPrototypeof()可以查询它的原型,其实constructor.prototype才是对象直接量的真正原型,要检测一个对象是否是另一个对象的原型,可以使用isPrototype()方法,可通过P.isPrototype(o)来检测p是否是o的原型
2.类属性:对象的类属性是一个字符串,可表示对象的类型信息,对象类型信息可通过toString()方法来查询,toString()方法提取已返回字符穿的第8个到倒数第二个位置之间的字符,因此可以封装一个函数来传递给它任意对象的类:
function classof(o){
if( o === null ) return "null";
if( o === undefined ) return "undefined";
return Object.prototype.toString.call(o).slice(8,-1);
}
3.可扩展属性:
作用:用以表示是否可以给对象添加新属性,所有内置对象和自定义对象都是可扩展的,宿主对象的可扩展性由js引擎定义。在ES5中查询和设置对象可扩展性的函数。可以通过Object.esExtensible(),判断对象是否可扩展,Object.preventExtensions(),将转换的对象作为参数传入,设置对象为不可扩展的。Object.seal()除了设置对象为不可扩展外,还能让对象所有的属性设置为不可配置的。
在js中还有一些常用的对象方法,toStirng() toLocalString() toJSON() valueOf()具体作用可以查询官方的文档来进行使用在这里也就不过多的叙述。所需要说的有关的js对象深入学习的内容就是如上所述。