java1234开源博客系统
博客信息

es6对象简写

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

es6对象简写


在es6中,假如 对象里的属性和属性值一样,可以简写,省略属性值;包括对象里的方法定义,也可以省略function;


我们看个实例:

let username='java1234';
let pwd='123456';
let obj={
	username:username,
	pwd:pwd
}
console.log(obj.username,obj.pwd);


这个是以前的写法;


es6中,对象里的属性和属性值一样的话,可以简写下:

let username='java1234';
let pwd='123456';
let obj={
	username,
	pwd
}
console.log(obj.username,obj.pwd);


我们在对象里再加一个方法;

let username='java1234';
let pwd='123456';
let obj={
	username,
	pwd,
	getUserName:function(){
		return this.username;
	}
}
console.log(obj.username,obj.pwd);
console.log(obj.getUserName())

这个是以前的写法;


在es6规范里,冒号和function可以省略掉,如下:

let username='java1234';
let pwd='123456';
let obj={
	username,
	pwd,
	getUserName(){
		return this.username;
	}
}
console.log(obj.username,obj.pwd);
console.log(obj.getUserName())


QQ鎴浘20190626102653.jpg

关键字:   es6     对象简写  

上一篇:es6解构赋值

下一篇:vue循环语句v-for

关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有