4小时快速掌握ES6核心用法 - 1.9 Symbol类型_数据类型symbol用的多吗-CSDN博客

本文链接：https://blog.csdn.net/jolinoy/article/details/123630316

1.9 Symbol类型(了解一下就可以了，用的不多)

es6中引入一个新的原始数据类型 Symbol类型，它表示独一无二的值。
最大的用途是用来定义对象的私有成员
ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol 。
它是一个基本类型的值，不能使用new关键字来创建

使用场景
由于每一个Symbol的值都是不相等的，所以Symbol作为对象的属性，可以保证属性不重复

如果用Symbol定义的对象中的变量，取值时一定要用[变量名]

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>1.9 Symbol类型(了解一下就可以了，用的不多)</title>
</head>

<body>
    <script>
        // es6中引入一个新的原始数据类型 Symbol类型，它表示独一无二的值。
        // 最大的用途 是用来定义对象的私有成员
        // ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol 。
        // 它是一个基本类型的值，不能使用new关键字来创建

        const name = Symbol('name');
        const name2 = Symbol('name');
        console.log(name === name2);    // 输出：false  name和name2的内存地址不一样。

        // 使用场景 
        // 由于 每一个Symbol的值都是不相等的，所以Symbol作为对象的属性，可以保证属性不重复
        // 写法1
        let s1 = Symbol('s1');
        console.log(s1);    // 输出：Symbol(s1)
        let obj = {};
        obj[s1] = 'mm';
        // 如果用Symbol定义的对象中的变量，取值时一定要用[变量名]
        console.log(obj[s1]);   // 输出：mm
        
        // 写法2
        let obj2 = {
            [s1]:'lf'
        }
        console.log(obj2[s1]);  // 输出：lf

        // 写法3
        let obj3 = {}
        Object.defineProperty(obj3,s1,{
            value:'mjj'
        })
        console.log(obj3);

        // Symbol 作为对象属性名时不能用.运算符，要用方括号。因为.运算符后面是字符串，所以取到的是字符串 s1 属性，而不是 Symbol 值 s1 属性。
        console.log(obj3.s1);//undefined

        // 注意点: 获取Symbol声明的属性名 (作为对象的key)   (了解一下就可以了)

        for(let key in obj3){
            console.log(key);//无输出
        }
        console.log(Object.keys(obj3)); // 输出：空
        let s = Object.getOwnPropertySymbols(obj3);
        console.log(s); // 输出：[Symbol(s1)]

        let m = Reflect.ownKeys(obj3);
        console.log(m); // 输出：[Symbol(s1)]
        
    </script>

</body>

</html>