06 JavaStrip ES6对象简洁表示法

ES6对象属性的简洁表示法

1、对象里可以直接写变量名;

const [name,age]=['luobing',18];
//之前的写法
const person={
    name:name,
    age:age
}
//ES6对象属性的简洁表示法

const person={name,age};        //{name: "lubing", age: 18}
console.log(person);

2、函数里如果要返回对象的话,直接在大括号里写变量名;

const fn=(a,b)=>{
    /*return {
        a:a,
        b:b
    }*/     
        return {a,b}
}
console.log(fn(1,2));    //{ a:1,b:2}

3、对象里属性名如果值为函数,可以直接写属性名+()的形式;

const [name,age]=['luobing',18];
const fn2={
    /*show:function(){
        console.log('黄小腿');
    }*/
                
    show(){
        console.log('黄小腿');
    },
    name,
    age,
    }
console.log(fn2);

ES6对象属性名表达式

1、对象的属性名可以用表达式表示;

const [name,age]=['luobing',18];
const fn2={
    name,
    age,
    ['show'+age]:true,
    ['on'+'click'](){
        console.log('luobing')
    }
}
console.log(fn2);
fn2.onclick();      //luobing

2、属性名表达式与简洁表示法不能同时使用,会报错;

const obj1={                        //报错
    [name]
}

你可能感兴趣的:(06 JavaStrip ES6对象简洁表示法)