es6对象定义简写

es6对象定义简写

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

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

一:对象简写

let username='whq';
    let pwd='123';

    // 原始方式
    let obj = {
        username:username,
        pwd:pwd
    }
    //简写方式
    let obj ={
        username,
        pwd
    }
    console.log(obj.username,obj.pwd)

 

 

二:对象方法简写

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

let username='whq';
    let pwd='123';
    // 原始写法
    let obj={
        username:username,
        pwd:pwd,
        getUserName:function(){
            return this.username;
        }
    }
    // 简写方式
    let obj={
        username,
        pwd,
        getUserName(){
            return this.username
        }
    }
    console.log('es6',obj.getUserName());

 

 posted on 2021-01-28 14:43  wu小强  阅读(525)  评论(0编辑  收藏  举报