枚举是什么?
枚举是指对象中的属性是否可以遍历出来,再简单点说就是属性是否可以以列举出来。
在js中基本的数据类型是不能被枚举的。例如Object、Array等。
枚举方法的区别
1.for…in循环可以枚举(遍历)出对象本身具有的属性,通过Object.defineProperty()方法加的可枚举属性,或者通过原型对象绑定的可以枚举属性。
function enumer() {
this.a = '我是对象本身就有的属性';
}
enumer.prototype.b = '我是通过原型对象挂载的属性';
let fn = new enumer();
Object.defineProperty(fn, 'c', {
value: '我是通过Object.defineProperty方法添加的可枚举属性',
enumerable: true // 是否可以枚举
});
for(let item in fn) {
console.log(item);
}
/*输出*/
// a
// b
// c
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
2.Object.keys()方法可以枚举对象本身的属性和通过Object.defineProperty()添加的可枚举属性
function enumer() {
this.a = '我是对象本身就有的属性';
}
enumer.prototype.b = '我是通过原型对象挂载的属性';
let fn = new enumer();
Object.defineProperty(fn, 'c', {
value: '我是通过Object.defineProperty方法添加的可枚举属性',
enumerable: true
});
console.log(Object.keys(fn));
/*输出*/
// ["a", "c"]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
3.JSON.stringify()方法只能序列化本身的属性和通过Object.defineProperty()添加的可枚举属性为JSON对象
function enumer() {
this.a = '我是对象本身就有的属性';
}
enumer.prototype.b = '我是通过原型对象挂载的属性';
let fn = new enumer();
Object.defineProperty(fn, 'c', {
value: '我是通过Object.defineProperty方法添加的可枚举属性',
enumerable: true
});
console.log(JSON.stringify(fn));
// {"a":"我是对象本身就有的属性","c":"我是通过Object.defineProperty方法添加的可枚举属性"}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
-