From 3dce7f26355a4d5084a3809e4317f30c51957682 Mon Sep 17 00:00:00 2001
From: lichaojun <lichaojun@cdqcp.com>
Date: Fri, 9 May 2025 04:51:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=8E=B7=E5=8F=96=E5=AF=B9=E8=B1=A1?=
 =?UTF-8?q?=E4=B8=AD=E5=B1=9E=E6=80=A7=E4=B8=BASymbol=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E7=9A=84=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/demo.ts         |  4 ++++
 src/views/demo/getSymbolObject.vue | 33 ++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 src/views/demo/getSymbolObject.vue

diff --git a/src/router/modules/demo.ts b/src/router/modules/demo.ts
index c80bcb4..fe1a96b 100644
--- a/src/router/modules/demo.ts
+++ b/src/router/modules/demo.ts
@@ -84,6 +84,10 @@ const titleArr = [
         key: 'code',
         title: '面试手写题',
     },
+    {
+        key: 'getSymbolObject',
+        title: '获取对象中属性为Symbol类型的方法',
+    },
 ];
 
 // @/views/demo/**/*.vue
diff --git a/src/views/demo/getSymbolObject.vue b/src/views/demo/getSymbolObject.vue
new file mode 100644
index 0000000..78378d2
--- /dev/null
+++ b/src/views/demo/getSymbolObject.vue
@@ -0,0 +1,33 @@
+<template>
+    <el-card> 获取对象中属性为Symbol类型的方法 </el-card>
+</template>
+
+<script setup lang="jsx">
+import { onMounted } from 'vue';
+
+onMounted(() => {
+    getSymbolObject();
+});
+
+const getSymbolObject = () => {
+    const sym = Symbol('dynamicModuleA');
+    const obj = {
+        [sym]: '我是Symbol属性的值',
+    };
+
+    /**
+     * 获取对象的属性为Symbol类型方法
+     * 错误写法:
+     * for (const key in obj) {
+     *     console.log(obj[key]);
+     * }
+     */
+    const keys = Reflect.ownKeys(obj); //这里是重点实现
+    console.log(keys);
+    keys.forEach((key) => {
+        console.log(obj[key]);
+    });
+};
+</script>
+
+<style lang="scss" scoped></style>