ES6-声明对象和方法

复制代码
<html>

<head>
    <title>ES6-声明对象和方法</title>
</head>

<body>




    <script>
        //定义变量,
        {
            //下面效果是一样的 ,看起来  es6更加简洁
            const age = 12;
            const name = "Amy";
            // 传统
            const person1 = { age: age, name: name };
            console.log(person1);//{age: 12, name: "Amy"};
            // ES
            const person2 = { age, name };
            console.log(person2) //{age: 12, name: "Amy"};
        }
        //定义方法
        {
            // 传统
            const person1 = {
                sayHi: function () {
                    console.log("Hi")
                }
            }
            person1.sayHi();//"Hi"
            // ES6
            const person2 = {
                sayHi() {
                    console.log("Hi");
                }

            }
            person2.sayHi();  //"Hi"

        
        }  </script>
</body>

</html>
复制代码

 

本文作者:KwFruit

本文链接:https://www.cnblogs.com/mangoubiubiu/p/13736968.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   KwFruit  阅读(159)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起