前端学习记录008_Symbol创建对象属性值(调用Symbol标识声明的方法)

最新推荐文章于 2022-09-03 11:37:34 发布

Duckdan

最新推荐文章于 2022-09-03 11:37:34 发布

阅读量512

点赞数 3

分类专栏： # 前端学习记录

本文链接：https://blog.csdn.net/Duckdan/article/details/115867016

版权

前端学习记录专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、源代码


<!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>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);

        game[methods.up]();

        let youxi = {
            name:"狼人杀",
            [Symbol.for('say')]: function(){
                console.log("我可以发言")
            },
            [Symbol.for('zibao')]: function(){
                console.log('我可以自爆');
            }
        }

        console.log(youxi);
        //Symbol.for('say')产生的标识是唯一的，所以可以调用定义在youxi里面的[Symbol.for('say')]方法
        youxi[Symbol.for('say')]();
        youxi[Symbol.for('zibao')]();

        let youxi1 = {
            name:"狼人杀",
            [Symbol('say')]: function(){
                console.log("我可以发言")
            },
            [Symbol('zibao')]: function(){
                console.log('我可以自爆');
            }
        }

        //因为Symbol('say')生成的标识不是唯一的，所以定义的在youxi1里面的[Symbol('say')]是无法调用的，除非把Symbol('say')放块外面定义，并用变量保存
        console.log(Symbol('say')===Symbol('say')); //false 

        youxi1[Symbol('say')](); //报错
        youxi1[Symbol('zibao')](); //报错


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

二、运行结果

Duckdan

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
前端学习记录008_Symbol创建对象属性值(调用Symbol标识声明的方法)

一、源代码<!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
复制链接

扫一扫

专栏目录