js 枚举 和 不可枚举

枚举是什么？
枚举是指对象中的属性是否可以遍历出来，再简单点说就是属性是否可以以列举出来，不可枚举顾名思义。

注：在js中基本的数据类型是不能被枚举的。

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

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"]

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方法添加的可枚举属性"}

4、Object.assign() （es6新增）自身可枚举属性和Symbol属性，用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。

注：如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

const target = { a: 1, b: 1 };

const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}