9.ECMAScript6（ES6）- ES6中的对象字面量

1、ES5创建对象字面量方式

<script type="text/javascript">
        //es5 对象字面量
        var name='小龙女'
        var likes="90%"
        var meimei={
            name:name,
            likes:likes
        }
        console.log(meimei)
    </script>

image.png

2、ES6创建对象字面量方式

<script type="text/javascript">
        //es6 对象字面量的简写
        var name='小龙女'
        var likes="90%"
        var meimei={
            name,
            likes
        }
        console.log(meimei)
    </script>

image.png

3、es5 对象方法

    <script type="text/javascript">
        //es5 对象方法
        var name="小龙女"
        var likes="90%"
        var meimei={
            name:name,
            likes:likes,
            ceshi1:function() {
                return this.likes+'的人都喜欢'+this.name
            }
        }
        console.log(meimei.ceshi1())
    </script>

image.png

4、es6 对象方法的简写

<script type="text/javascript">
        //es6 对象方法的简写
        var name="小龙女"
        var likes="90%"
        var meimei={
            name,
            likes,
            ceshi1() {
                return `${this.likes}的人都喜欢:${this.name}`
            }
        }
        console.log(meimei.ceshi1())
    </script>

image.png

5、ES6 计算对象键(keys)

<script type="text/javascript">
        //es6 计算对象键(keys)
        var name="奥黛丽赫本"
        var likes="80%"
        //把name作为一个键，把likes作为一个值
        var arr={
            [name]:likes
        }
        console.log(arr)
    </script>

配图：

timg (1).jpg

总结：常见的简单讲解了下，具体的大家可以查阅
http://es6.ruanyifeng.com 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。