js中Object.getOwnPropertySymbols和create、getOwnPropertyNames

最新推荐文章于 2024-10-10 00:15:00 发布

水星灭绝

最新推荐文章于 2024-10-10 00:15:00 发布

阅读量344

点赞数

分类专栏： h5 前端后端

本文链接：https://blog.csdn.net/wulong710/article/details/115543750

版权

前端同时被 3 个专栏收录

137 篇文章 0 订阅

订阅专栏

121 篇文章 3 订阅

订阅专栏

后端

16 篇文章 0 订阅

订阅专栏

本文通过实例演示了JavaScript中Symbol类型的特性和用法，包括如何创建Symbol类型、使用Symbol作为对象键名、以及Symbol属性的可枚举性、可配置性等特性。同时探讨了Symbol属性在原型链中的可见性问题及如何使用特定方法获取对象的所有属性。

摘要由CSDN通过智能技术生成

直接看结果

const log = console.log;
let ksymbol = Symbol.for("iamsymbol")
let ksym2 = Symbol.for("ksym2kk")
let k1 = "iamk1"
let k2 = "iamk2"
let k3 = "iamk3"

let obj = {
    [k1]: "v1",
    [k2]: "v2",
    [ksymbol]: "vsym"
};

let no = Object.create(obj, {
    [k3]: {
        value: "v3" //默认writable、enumerable、configurable都为false
    },
    [ksym2]: {
        value: "vsym2",
        writable: true,
        enumerable: true,
        configurable: true
    }
})

for (let k in no) {
    log("k ", k, ", v = ", no[k])
}


log("desc obj ksymbol = ", Object.getOwnPropertyDescriptor(obj, ksymbol))
log("desc no ksymbol = ", Object.getOwnPropertyDescriptor(no, ksymbol))//undefined
log("desc k3 = ", Object.getOwnPropertyDescriptor(no, k3), ",  v3 = ", no[k3])
log("Object.getOwnPropertyNames(no) = ", Object.getOwnPropertyNames(no));//只能获得this中的不能获得__proto__中的，symbol的也不显示
log("Object.getOwnPropertySymbols(no)  = ", Object.getOwnPropertySymbols(no));//只能获得this中的，不获得__proto__中的
log("Object.getOwnPropertySymbols(obj)  = ", Object.getOwnPropertySymbols(obj));

/**
 *
$ node src/entry.js
k  iamk1 , v =  v1
k  iamk2 , v =  v2
desc obj ksymbol =  { value: 'vsym', writable: true, enumerable: true, configurable: true }
desc no ksymbol =  undefined
desc k3 =  {
  value: 'v3',
  writable: false,
  enumerable: false,
  configurable: false
} ,  v3 =  v3
Object.getOwnPropertyNames(no) =  [ 'iamk3' ]
Object.getOwnPropertySymbols(no)  =  [ Symbol(ksym2kk) ]
Object.getOwnPropertySymbols(obj)  =  [ Symbol(iamsymbol) ]


 */