1.简单的字面量对象
var person = { name: ‘miaowwwww‘, age: 22, sayName: function() { console.log(this.name); } };
2.对象的属性类型
2.1 对象的属性分为两类:数据属性 和 访问器属性(getter/setter)
A. 数据属性(name, age, sayName),含有4个描述其行为的特性
value: ‘xxx‘, writable: true, // 是否可修改value configurable: false, // 是否可使用delete,删除属性 enumberable: false // 是否可遍历 (for-in 中)
es5 提供接口 Object.defineProperty(obj, prop, descriptor) 修改对象的数据属性的描述符
Object.getOwnPropertyDescriptor(obj, prop) 获取该属性的描述符对象
//注意:若使用api,writable,configurable,enumberable默认为false Object.defineProperty(person, ‘name‘, { value: ‘xxx‘, writable: true, // 是否可修改value configurable: false, // 是否可使用delete删除属性,能否修改属性的特性,能否把属性修改为访问器属性 enumberable: false // 是否可遍历 (for-in 中) }) //注意:属性的value是一个函数,同样适用 var personDescriptor = Object.getOwnPropertyDescriptor(person, ‘sayName‘); console.log(‘一个方法的描述‘,personDescriptor);
注意:writable,enumberable可以多次调用接口修改,但是一旦修改configurable: false; 则产生限制,以后只能修改writable了
B.访问器属性:访问器属性不包含数据值,但是多了一对getter和setter函数(并不是一定要有,可不定义)
configurable: false, enumberable: false, [[get]]: 读取属性时调用的函数。默认undefined [[set]]: 写入属性时调用的函数。默认undefined
setter函数中可以修改对象的多个属性值,典型的一对多,是setter的一个应用
var book = { _year: 2015, name: ‘book1‘ } Object.defineProperty(book, year, { configurable: false, enumberable: false, get: function(){ return this._year; }, set: function(value) { this._year = value; this.name = ‘book-‘ + value; } }) var descriptor = Object.getOwnPropertyDescriptor(book, ‘name‘); console.log(descriptor) console.log(book._year)
注意:因为setter和getter并不是必须的,但是若忽略某一个将会发生什么事呢?当然是不能写入,或不能读取咯
3. 一次性定义多个属性,并设置描述符
es5:有一个方法 Object.defineProperties(obj, descriptors)
var book_13 = {}; Object.defineProperties(book_13, { _year: { // 数据属性 value: 2015, writable: true }, name: { // 数据属性 value: ‘book‘, writable: true }, year: { // 访问器属性 set: function(value) {}, get: function() {} } })
4. 获取属性的特性描述符
不管是数据属性还是访问器属性都可以通过: Object.getOwnPropertyDescriptor( obj, prop) 获取
var descriptor1 = Object.getOwnPropertyDescriptor(book_13, ‘name‘); var descriptor2 = Object.getOwnPropertyDescriptor(book_13, ‘year‘); console.log(descriptor1) console.log(descriptor2)
时间: 2024-10-05 16:11:12