现在的位置: 首页 > web前端 > 正文

JavaScript权威指南:对象(第六章)

2018年09月30日 web前端 ⁄ 共 1672字 ⁄ 字号 评论关闭
文章目录

三类JavaScript对象

内置对象:由ECMAScript定义的对象或类。例如,数组、函数、日期和正则表达式。

宿主对象:由JavaScript解释器所嵌入的宿主环境定义的。如HTMLElement

自定义对象:由运行中的JavaScript定义的对象

自有属性:直接在对象中定义的属性

继承属性:在对象的原型对象中定义的属性

1.创建对象

(1)、对象直接量

var empty={};
var point={x:1,y:1};

(2)、通过new创建对象

关键字new后跟函数调用,这里函数称为构造函数

var o=new Object(); //var o={};
function Person(name,age){
  this.name=name;
  this.age=age;
}
var p=new Person("John",32);

(3)、原型

每个JavaScript对象(null)除外都和另外一个原型对象相关联,每一个对象都从原型继承属性。

所有通过直接量创建的对象都具有同一个原型对象,并可以通过Object.prototype获得对原型对象的引用。

通过new关键字创建的对象的原型就是构造函数的prototype属性值。new Array()的原型Array.prototype。

没有原型的对象不多如:Object.prototype,所有内置构造函数都具有一个继承自Object.prototype的原型。

(4)、Object.create()

Object.create()静态函数,第一个参数为对象的原型,可以通过传入null创建一个没有原型的对象。

var o1=Object.create(null);
var o2=Object.create(Object.prototype); //var o2={};

2. 属性的查询和设置

对象通过.或[]运算符来获取属性的值。JavaScript对象都是关联数组。属性不存在返回undefined的,不能访问undefined对象的属性,否则抛出异常。

var len = book && book.subtitle && book.subtitle.length;

删除属性:delete运算符,总是返回true,只能删除自有属性。

检测属性

in运算符:检查自有属性和继承属性

hasOwnProperty():检查自有属性

propertyIsEnumerable():检查自有属性且是可枚举的

for/in枚举属性

属性的getter和setter

ECMAScript中属性值可以用一个或两个方法代替,就是getter或setter称为"存取器属性"。利用关键字set和get来声明。

3. 属性的特性

属性特性:可写、可枚举、可配置
ECMAScript中定义一个名为"属性描述符"的对象,这个对象代表属性所具有的特性。
数据属性的描述符有:value、writeable、enumerable和configurable
存取属性的描述符有:get、set、enumerable和configurable
通过静态方法返回对象的特定属性的描述符
Object.getOwnPropertyDescriptor({x:1},"x");
Object.defineProperty

4. 对象的三个属性

(1) 原型属性
ES5中通过Obejct.getPropertyOf()传入对象可以查询原型,一般可以o.constructor.prototype来获得。
p.isPropertyOf(o) 检测p是否是o的原型。
(2) 类属性
对象的类属性是指一个字符串,用以表示对象的类型信息。
function classof(o) {
    if(o === null) return "Null";
    if(o === undefined) return "Undefined";
    return Object.prototype.toString(o).slice(8,-1);
}

(3)可扩展性

对象的可扩展性表示是否可以给对象添加新属性。所有内置对象和自定义对象都是显示可扩展的,宿主对象的可扩展性是由JavaScript引擎定义的。

抱歉!评论已关闭.