基本数据类型Symbol

137 阅读1分钟
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            基本数据类型:String Number Boolean Undefined Null Symbol
            引用数据类型:Object(Array Date RegExp Function)
        */
        /* Symbol 独一无二的值 属于基本数据类型  */
        /* 不可以new */
        // console.log( Symbol('a') === Symbol('a') );

        /* 龚助 car:bmw */
        // let obj = { 
        //     car:'bmw'
        // }
        // /* 学习委 audi  */
        // obj.car = 'audi'
        // console.log(obj);

        /* 班长 把car设置独一无二的key */
        /* let SETDATA = Symbol('SETDATA') */
        /* 你会在vuex 中的mutations里面看到别人使用 [SETDATA] */
        /* 
            const SETDATA = 'SETDATA'
            mutations:{
                [SETDATA]:function (state,payload){

                }
            },
            actions: {
                increment (context) {
                    context.commit(SETDATA)
                }
            }
        */
        let car = Symbol('car');
        let obj = {
            [car]:"bmw"
        }
        obj.car = 'audi'
        console.log(obj[car]);





        // let obj = {
        //     car:'bmw'
        // }
        // let name = 'car';
        // let obj = {
        //     [name]:'bmw'
        // };
        // console.log(obj);

    </script>
</body>
    </html>