javascript面向对象设计——理解对象

  对象可以定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。

  创建自定义对象最简单的方式就是创建一个Object的实例,然后再为它添加属性和方法。

var person=new Object();

person.name="Nicholas";

person.age=29;

person.job="Software Engineer";

person.sayName=function(){

  console.log(this.name);

}

  上例创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中sayName()方法用于显示this.name(将被解析为person.name)的值。后来,对象字面量成为创建这种对象的首选模式。

var person={

  name:"Nicholas",

  age:29,

  job:"Software Engineer",

  sayName:function(){

    console.log(this.name);

  }

};

  这个例子中的person对象与前面例子中的person对象是一样的,都有相同的属性和方法。这些属性在创建时都带有一些特征值,JavaScript通过这些特征值来定义它们的行为。

一、属性类型

  ECMAScript中包含两种属性:数据属性和访问器属性。

  1.数据属性

  数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4个描述其行为的特性。

  ①[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为true。

  ②[[Enumerable]]:表示能否通过for-in循环返回属性。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为true。

  ③[[Writable]]:表示能否修改属性的值。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为true。

  ④[[Value]]:包含这个数字给你的数据值。读取属性值的时候,从这个位置读,写入属性值的时候,把新值保存在这个位置。这个特性的默认值为undefined。

  对于像前面例子中那样直接在对象上定义的属性,它们的[[Configurable]]、[[Enumerable]]和[[Writable]]特性都被设置为true,而[[Value]]特性被设置为指定的值。

  要修改属性默认的特性,必须使用ECMAScript5的Object.defineProperty()方法。这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。其中,描述符对象的属性必须是:configurable、enumerable、writable和value。设置其中一个或多个值,可以修改对应的特性值。

var person={};

Object.defineProperty(person,"name",{

  writable:false,

  value:"Nicholas"

});

console.log(person.name);

person.name="Greg";

console.log(person.name);

  这个例子创建了一个名为name的属性,它的值“Nicholas”是只读的。这个属性的值是不可修改的,如果尝试为它指定新值,则在非严格模式下赋值操作江北忽略;在严格模式下,赋值操作将会导致抛出错误。

  类似的规则也适用于不可配置的属性。如下:

var person={};

Object.defineProperty(person,"name",{

  configurable:false,

  value:"Nicholas"

});

console.log(person.name);

delete person.name;

console.log(person.name);

  把configurable设置为false,表示不能从对象中删除属性。如果对这个属性调用delete,则在非严格模式下什么也不会发生,而在严格模式下会导致错误。而且,一旦把属性定义为不可配置的,就不能再把它变回可配置了。此时,在调用Object.defineProperty()方法修改除writable之外的特性,都会导致错误:

var person={};

Object.defineProperty(person,"name",{

  configurable:false,

  value:"Nicholas"

});

//抛出错误

Object.defineProperty(person,"name",{

  configurable:true,

  value:"Nicholas"

});

  也就是说,可以多次调用Object.defineProperty()方法修改同一个属性,但在把configurable特性设置为false之后就会有限制了。

  2.访问器属性

  访问器属性不包含数据值;它们包含一对儿getter和setter函数(不过,这两个函数都不是必需的)。在读取访问器属性时,会调用getter函数,这个函数负责返回有效的值;在写入访问器属性时,会调用setter函数并传入新值,这个函数负责决定如何处理数据。访问器属性有如下4个特性。

  ①[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为true。

  ②[[Enumerable]]:表示能否通过for-in循环返回属性。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为true。

  ③[[Get]]:在读取属性时调用的函数。默认值为undefined。

  ④[[Set]]:在写入属性时调用的函数。默认值为undefined。

  访问器属性不能直接定义,必须使用Object.defineProperty()来定义。如下例子:

var book={

  _year:2004,

  edition:1

};

Object.defineProperty(book,"year",{

  get:function(){

    return this._year;

  },

  set:function(newValue){

    if(newValue>2004){

      this._year=newValue;

      this.edition+=newValue-2004;

    }

  }

});

book.year=2005;

console.log(book.edition);

  以上代码创建了一个book对象,并给它定义两个默认的属性:_year和edition。_year前面的下划线是一种常用的记号,用于表示只能通过对象方法访问的属性。而访问器属性year则包含一个getter函数和一个setter函数。getter函数返回_year的值,setter函数通过计算来确定正确的版本。因此,把year属性修改为2005会导致_year变成2005,而edition变为2.这是使用访问器属性的常见方式,即设置一个属性的值会导致其他属性发生变化。

  不一定非要同时指定getter和setter。只指定getter意味着属性是不能写,尝试写入属性会被忽略。在严格模式下,尝试写入只指定了getter函数的属性会抛出错误。类似的,只指定setter函数的属性也不能读,否则在非严格模式下会返回undefined,而在严格模式下会抛出错误。

二、定义多个属性

  利用Object.defineProperties()方法可以通过描述符一次定义多个属性。这个方法接受两个对象参数:第一个对象是要添加和修改其属性的对象,第二个对象的属性与第一个对象中要添加或修改的属性一一对应。例如:

var book={};

Object.defineProperties(book,{

  _year:{

    value:2004

  },

  edition:{

    value:1

  },

  year:{

    get:function(){

      return this._year;

    },

    set:function(newValue){

      if(newValue>2004){

        this._year=newValue;

        this.edition+=newValue-2004;

      }

    }

  }

});

  以上代码在book对象上定义了两个数据属性(_year和edition)和一个访问器属性。这里的属性都是在同一时间创建的。

三、读取属性的特性

  使用ECMAScript 5的Object.getOwnPropertyDescriptor()方法,可以取得给定属性的描述符。这个方法接收两个参数:属性所在的对象和要读取其描述符的属性名称。返回值是一个对象,如果是访问器属性,这个对象的属性有configurable、enumerable、get和set;如果是数据属性,这个对象的属性有configurable、enumrable、writable和value。例如:

var book={};
Object.defineProperties(book,{
_year:{
value:2004
},
edition:{
value:1
},
year:{
get:function () {
return this._year;
},
set:function (newValue) {
if(newValue>2004){
this._year=newValue;
this.edition+=newValue-2004;
}
}
}
});
var descriptor=Object.getOwnPropertyDescriptor(book,"_year");
console.log(descriptor.value);
console.log(descriptor.configurable);
console.log(descriptor);

 

posted @ 2017-06-16 16:37  万杨-亿扬  阅读(122)  评论(0编辑  收藏  举报