OO #

数据属性 #

数据属性包含一个数据值的位置。在这个位置可以读取和写入值

Object.defineProperty() 这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。

描述符(descriptor)对象的属性必须是:configurable、enumerable、writable 和value。

在调用Object.defineProperty()方法时,如果不指定,configurable、enumerable 和writable 特性的默认值都是false

var person = {}
Object.defineProperty(person,'name',{
    configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true
    enumerable:false,//对象属性是否可通过for-in循环,flase为不可循环,默认值为true
    writable:false,//对象属性是否可修改,flase为不可修改,默认值为true
    value:'xiaoming' //对象属性的默认值,默认值为undefined
});

//value
console.log(person);//xiaoming,默认value

//writable
person.name="qiang";
console.log(person);//xiaoming,不可修改value

//enumerable
for(var i in person){
    console.log(person[i]) //无结果,不可循环
}

//configurable
delete person.name
console.log(person.name)//xiaoming,不可删除

Object.defineProperty(person,'name',{
    configurable:true //不可修改,将抛出错误
});

访问器属性 #

getter 和setter 函数

一般都使用两个非标准的方法:__defineGetter__()和__defineSetter__()

访问器属性不能直接定义,必须使用Object.defineProperty()来定义.

var book = {
    _year: 2004,//属性前面加_,代表属性只能通过对象方法访问
    edition: 0
}
Object.defineProperty(book,'year',{
    get: function(){
        return this._year;
    },
    set: function(newValue){
        if(newValue > 2004){
            this._year = newValue;
            this.edition += newValue - 2004
        }
    }
});
console.log(book.year)//2004
book.year = 2006;
console.log(book.year)//2006
console.log(book.edition)//2

定义多个属性 #

Object.defineProperties() : 这个方法接收两个对象参数:第一个对象是要添加和修改其属性的对象,第二个对象的属性与第一个对象中要添加或修改的属性一一对应。

var book = {};
   Object.defineProperties(book, {
       _year: {
        value:2004,
        writable:true
       },
       edition: {
           value: 0,
           writable:true
       },
       year: {
           get: function() {
               return this._year;
           },
           set: function(newValue) {
               if (newValue > 2004) {
                   this._year = newValue;
                   this.edition += newValue - 2004
               }
           }
       }
   });
   console.log(book.year) //2004
   book.year = 2006;
   console.log(book.year) //2006
   console.log(book.edition) //2

读取属性 #

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

var book = {};
    Object.defineProperties(book, {
        _year: {
            value:2004,
            writable:true
        },
        edition: {
            value: 0,
            writable:true
        },
        year: {
            get: function() {
                return this._year;
            },
            set: function(newValue) {
                if (newValue > 2004) {
                    this._year = newValue;
                    this.edition += newValue - 2004
                }
            }
        }
    });
    console.log(book.year) //2004
    book.year = 2006;
    console.log(book.year) //2006
    console.log(book.edition) //2
    //读取属性
    var descriptor__year = Object.getOwnPropertyDescriptor(book,'_year');
    var descriptor_year = Object.getOwnPropertyDescriptor(book,'year');

其他 #

Person.prototype

Person.prototype.constructor 又指回了Person

Object.getPrototypeOf(person1)

delete person1.name;

hasOwnProperty() 方法可以检测一个属性是存在于实例中,还是存在于原型中;这个方法(不要忘了它是从Object 继承来的)只在给定属性存在于对象实例中时,才会返true。

ECMAScript 5 的Object.getOwnPropertyDescriptor()方法只能用于实例属性,要取得原型属性的描述符,必须直接在原型对象上调用Object.getOwnProperty-Descriptor()方法。

同时使用hasOwnProperty()方法和in 操作符,就可以确定该属性到底是存在于对象中,还是存在于原型中,如下所示。

function hasPrototypeProperty(object, name){
    return !object.hasOwnProperty(name) && (name in object);
}