欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

es6对象定义简写

程序员文章站 2022-07-13 09:33:27
...

es6对象定义简写

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

一、实例:

首先定义两个属性,然后再定义一个对象,里面用到属性赋值,以及再定义一个对象方法;

二、代码:

<template>

</template>

<script>
 let name='Tom';
 let age=18;
 let obj={
   name:name,
   age:age,
   getName:function(){
     return this.name;
   }
 };
 console.log(obj);
 console.log(obj.getName());
</script>

<style>
</style>

效果图如下:
es6对象定义简写

三、es6简写方式代码

<template>

</template>
<script>
 let name='TOM1';
 let age=24;
 let obj={
   name,
   age,
   getName(){
     return this.name;
   }
 };
 console.log(obj);
 console.log(obj.getName());
</script>

<style>

</style>

效果图如下:
es6对象定义简写

上一篇: Map集合

下一篇: ES6对象优化