美文网首页
9.ECMAScript6(ES6)- ES6中的对象字面量

9.ECMAScript6(ES6)- ES6中的对象字面量

作者: 挤时间学习的阿龙 | 来源:发表于2019-05-04 11:36 被阅读0次

    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 新引入的语法特性。

    相关文章

      网友评论

          本文标题:9.ECMAScript6(ES6)- ES6中的对象字面量

          本文链接:https://www.haomeiwen.com/subject/jscxoqtx.html