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简写方式代码
<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>
效果图如下: