javascript 面向对象(1)

 

x = {-b \pm \sqrt{b^2-4ac} \over 2a}.

      ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。” 严格来说，对象是一组没有特定顺序的值。对象的每个属性或者方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript的对象想象成散列表：无非就是一组明值对，其中值可以是数据或函数。

 

1. 创建对象

 

方法一  创建一个Object的实例，然后为它添加属性和方法：

 

var person = new Object();
person.name = "Hello";
person.age = 29;

person.sayName = function(){
     alert(this.name);
}

方法二 对象字面量创建对象

 

 var person = {
      name : "Hello",
      age : 29,
      job : "程序员",
      sayName : function(){
           alert(this.name);
     }
};

 

2. 属性类型

ECMAScript 中有两种属性： 数据属性和访问器属性。

（1）数据属性

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

 

[[ Configurable ]] :  表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。默认值 true;

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

[[Write]]:                 表示能否修改属性的值。默认值true;

[[Value]]:                 包含这个属性的数据值。读取属性值的时候，从这个位置读取；写入属性值的时候，把新增保存在这个位置。默认值undefined;

 

要修改属性默认的特性，必须使用ECMAScript 5 的 Object.defineProperty() 方法。这个方法接收三个参数： 属性所在的对象、属性的名字和一个描述符对象。

var person = {};
Object.defineProperty(person,"name ", {
      writable : false,
      value     : "Hello"
});

alert(person.name);
person.name = "Hi"; 
alert(person.name);    // "Hello"

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

 

var person = {};

Object.defineProperty(person,"name",{
       configurable : false,
       value : "Hello"
});

// 将会抛出错误
Object.defineProperty(person,"name",{
      configurable : true,
      value : "Hi"
})

 

2.访问器属性

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

 

[[ Configurable ]] : 表示能否通过delete删除属性从而重新定义属性，能否修改属性特性，或者能否把属性修改为数据属性。 默认值为true;

[[ Enumerable ]] : 表示能否通过for-in 循环返回属性。 默认值true;

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

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

 

 var book = {
     __year : 2015,
     edition  : 1
};

Object.defineProperty(book,"year",{
      get : function(){
           return this.__year;
     },
     set : function(newValue){
           if ( newValue > 2015){
                  this.__year = newValue;
                  this.edition += newValue - 2015;
            }
    }
});
book.year = 2016;
alert(book.edition);     // 2

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

 

3. 定义多个属性

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

var book = {};
Object.defineProperties(book,{
     __year : {
         value : 2015,
    },
    edition : { 
        value : 1
    },
    year : {
       get : function(){
             return this.__year;
       },
       set : function(newValue){
           if(newValue > 2015){
                 this.__year = newValue;
                 this.edition += newValue - 2015;
           }
       }
   }
});

 

4. 读取属性的特性

使用 ECMAScript 5 的 Obejct.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符。

 

var descriptor = Object.getOwnPropertyDescriptor(book, "__year");
alert(descriptor.value);     // 2015
alert(descriptor.configurable); // false
alert(typeof descriptor.get);    // "undefined"

var descriptor = Object.getOwnPropertyDescriptor(book,"year");
alert(descriptor.value);             // undefined
alert(descriptor.enumerable);   // false;
alert(descriptor.get);               // "function"