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

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

-

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页