js中的枚举和不可枚举

最新推荐文章于 2025-02-18 21:13:01 发布

老哥二娃

最新推荐文章于 2025-02-18 21:13:01 发布

阅读量6.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/IT_HLM/article/details/79555118

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了JavaScript中的枚举概念，包括基本数据类型的枚举限制，以及如何使用for...in循环、Object.keys()方法和JSON.stringify()来枚举不同类型的属性。

枚举是什么???

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

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