es6对象定义简写_Java开源博客系统-Powered by java1234

博客信息

es6对象定义简写

发布时间：『 2019-06-10 10:34』博客类别：Vue.js 阅读(2473) 评论(0)

es6对象定义简写

es6提供了对象定义里的属性，方法简写方式；

我们来看个实例，首先定义两个属性，然后再定义一个对象，里面用到属性赋值，以及再定义一个对象方法；

OK，我们来测试下吧，以及看下运行结果；

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    let name='Jack';
    let age=20;
    let obj={
        name:name,
        age:age,
        getName:function(){
            return this.name;
        }
    };
    console.log(obj);
    console.log(obj.getName());

</script>
</body>
</html>

es6简写方式，假如属性和变量名一样，可以省略，包括定义对象方法function也可以省略；

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    let name='Jack';
    let age=20;
    let obj={
        name,
        age,
        getName(){
            return this.name;
        }
    };
    console.log(obj);
    console.log(obj.getName());

</script>
</body>
</html>

关键字： es6 对象定义简写

上一篇：ES6 let const关键字

下一篇：es6 模版字符串

关注Java1234微信公众号

博主信息

Java1234_小锋

(知识改变命运，技术改变世界)

按日志类别

按日志日期

友情链接