javascriptオブジェクト属性
2333 ワード
まず栗を挙げます(~ ̄▽ ̄)~jsの中で一つの対象に属性を追加してもいいです.
次に、JavaScriptで上記のいくつかの特性Object.definePropertyをどのように使うかを説明します.
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