欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

es6语法对象扩展的例子

程序员文章站 2022-03-25 12:43:13
...
{    //简洁表示法
    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:'a',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'//     }// }

以上就是es6语法对象扩展的例子的详细内容,更多请关注其它相关文章!