es6 语法 (对象扩展)

2018-06-24 00:27:40来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

{
    //简洁表示法
    let o = 1;
    let k = 2;
    let es5 = {
        o:o,
        k:k
    };
    let es6 = {
        o,k
    };
    console.log(es5,es6); //1,2;1,2

    let es5_method = {
        hello:function(){
            console.log('hello'); //hello
        }
    };
    let es6_method = {
        hello(){
            console.log('hello'); //hello
        }
    };
    console.log(es5_method.hello(),es6_method.hello()); //undefined undefined
}
{
    //属性表达式
    let a = 'b';
    let es5_obj = {
        a:'c',
        b:'c'
    };
    let es6_obj = {
        [a]:'c'
    };
    console.log(es5_obj,es6_obj) //{a:'c',b:'c'};{b:'c'};
}

{
    //新增api
    console.log('字符串',Object.is('abc','abc'),'abc'==='abc'); //true true
    console.log('数组',Object.is([],[]),[]===[]); //false false
    console.log('拷贝',Object.assign({a:'a'},{b:'b'}));//{a: "a", b: "b"}
    let test = {k:123,o:456};
    for(let [key,value] of Object.entries(test)){
        console.log(key,value); // k 123,o 456
    }
}

// {
//     //扩展运算符(支持不友好)
//     let {a,b,...c} = {a:'test',b:'kill',c:'ddd',d:'ccc'};
//     c = {
//         c:'ddd',
//         d:'ccc'
//     }
// }

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:parseInt

下一篇:vue-router自动判断左右翻页转场动画