ES6-ES11 对象添加symbol类型的属性

原视频
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Symbol 创建对象属性</title>
</head>
<body>
    <script>
        //向对象中添加方法 up down
        let game = {
            name:'俄罗斯方块',
            up: function(){},
            down: function(){}
        };
        
        //声明一个对象
        // let methods = {
        //     up: Symbol(),
        //     down: Symbol()
        // };

        // game[methods.up] = function(){
        //     console.log("我可以改变形状");
        // }

        // game[methods.down] = function(){
        //     console.log("我可以快速下降!!");
        // }

        // console.log(game);

        //
        /*
            因为Symbol('say')生成的标识不是唯一的，所以定义的在youxi1里面的[Symbol('say')]是无法调用的，除非把Symbol('say')放块外面定义，并用变量保存
            想调用可以这样：首先，在函数体内部，把[Symbol('say')]改成[Symbol.for('say')]
            其次，在对象youxi外定义变量let say = Symbol.for('say')
            最后，在对象youxi外部调用：youxi[say]()。
        */
        let youxi = {
            name:"狼人杀",
            [Symbol('say')]: function(){
                console.log("我可以发言")
            },
            [Symbol('zibao')]: function(){
                console.log('我可以自爆');
            }
        }

        console.log(youxi)

        
    </script>
</body>
</html>
posted on 2023-03-04 20:04 垂序葎草阅读(28) 评论(0) 编辑收藏举报