首页 > 其他 > 详细

ES6 对象简写

时间:2020-05-26 09:09:32      阅读:59      评论:0      收藏: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())

技术分享图片

 

ES6 对象简写

原文:https://www.cnblogs.com/zsh-blogs/p/12963108.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!