javascriptオブジェクト属性

2333 ワード

まず栗を挙げます(~ ̄▽ ̄)~jsの中で一つの対象に属性を追加してもいいです.
var Person = {};
Person.name = 'zane';

//    
var Person = {
  name = 'zane'
}
javascriptオブジェクトの属性は2種類に分けることができます.(1)データ属性:1つのデータの価値がある位置を含み、この位置で値を読み取り、書き込むことができます.4つの特性があります
configrable:  true/false; //    delete  
enumerable: true/false; //    for-in  
writable: true/false; //    
value: 
(2)アクセス属性:アクセス属性は、位置に値するものではなく、一対のgetter、setter関数を含んでいます.この関数によって操作されます.同じ四つの特性があります.
configrable:  true/false; //    delete  
enumerable: true/false; //    for-in  
get //              :undefined
set //              :undefined
configrable/上記の例ではPersonのname属性は直接的に値が割り当てられていることが分かりますので、データ属性です.データ属性は直接定義できますが、アクセス属性は直接定義できません.
次に、JavaScriptで上記のいくつかの特性Object.definePropertyをどのように使うかを説明します.
/*     */
var Person = {};
Object.defineProperty(Person, 'name', {
    configurable: false,
    writable: false,
    enumerable: true,
    value: 'Zane'
});
console.log(" name: "+Person.name);  //  name: Zane
Person.name = "xiaoming";
console.log("   name: "+Person.name); //    name: Zane
delete Person.name;
console.log("   name: "+Person.name); //    name: Zane
    
for(var key in Person) {
    console.log(key);
}
// name
/*       */
var Book = {
    _year: 2014,
    edition: 1
}
Object.defineProperty(Book, 'year', {
    get: function () {
        return this._year;
    },
    set: function (value) {
        if(value > 2014) {
            this._year = value;
            this.edition = value - 2014 + 1;
        }
    }
})
Book.year = 2016;
console.log(Book); // Object {_year: 2016, edition: 3}
複数の属性を同時に定義するにはどうすればいいですか?
var Book = {};
Object.defineProperties(Book, { //       defineProperties
    _year: {
        value: 2014
    },
    edition: {
        writable: true,
        value: 1
    },
    year: {
        get: function () {
            return this._year;
        },
        set: function (value) {
            if(value > 2014) {
                this._year = value;
                this.edition = value - 2014 + 1;
            }
        }
    }
});
var descriptor = Object.getOwnPropertyDescriptor(Book, '_year');
console.log(descriptor.writable);  // fales