ES6 - 对象方法简写

  • 传统写法：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var teacher = {
            say:function() {
                console.log('I am a teacher');
            }
        }

        teacher.say();
    </script>
</body>
</html>
  • 对象方法简写形式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var teacher = {
            say() {
                console.log('I am a teacher');
            }
        }

        teacher.say();
    </script>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6-对象的扩展
    对象的传统表示法 我们回顾一下，对象的传统表示法： 上面的案例很简单，变量person就是一个对象，对象含有nam...
    幸宇阅读 336评论 0赞 1
  • ES6学习☞对象
    属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。 上面代码表明，ES6允许在对象之中，直接写...
    oWSQo阅读 524评论 0赞 0
  • ES6--对象的扩展
    属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 上面代码表明，ES6允...
    陈老板_阅读 401评论 0赞 1
  • 电子商务网站开发与建设
    概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,306评论 0赞 3
  • 给儿子的第六封信
    2018/7/30 亲爱的儿子， 早上发现书桌上凌乱地堆着一堆碎纸，不知什么时候你已经把阅读积分卡和暑假学习计划撕...
    华子樱阅读 264评论 0赞 0