Rumah > hujung hadapan web > tutorial js > es6语法对象扩展的例子

es6语法对象扩展的例子

一个新手
Lepaskan: 2017-10-12 09:31:26
asal
1313 orang telah melayarinya

{    //简洁表示法
    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'//     }// }
Salin selepas log masuk

Atas ialah kandungan terperinci es6语法对象扩展的例子. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan