ES6 语法详解(简化的对象写法)

最新推荐文章于 2026-01-08 11:09:44 发布

原创最新推荐文章于 2026-01-08 11:09:44 发布 · 243 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #vue #proxy #nodejs

本文介绍了JavaScript中的一种简化的对象和方法写法，包括使用逗号运算符省略同名属性值以及使用箭头函数简化方法定义。示例代码展示了如何创建一个包含username、age属性以及getUserName和getAge方法的对象。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        /**
         * 简化的对象写法
         * 省略同名的属性值
         * 省略方法的function
         */
        let username = 'dance'
        let age = 18

        // 省略同名的属性值
        let obj = {
            username,
            age,
            getUserName() { // 省略方法的function
                return this.username
            },
            getAge: function() { // 不省略方法的function
                return this.age
            }
        }
        console.log(obj)
        console.log(obj.getAge())
        console.log(obj.getUserName())
    </script>
</html>

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发