js中的枚举和不可枚举

枚举是什么？

枚举是指对象中的属性是否可以遍历出来，再简单点说就是属性是否可以以列举出来。

在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
  
  

-