ECMAScript6--9.對象擴展

對象不是類生成的對象歉提,指的是Object這個對象尘颓;

1.新增特性

  • 簡潔表示法
  • 屬性表達式
  • 擴展運算符
  • Object新增方法

2.簡潔表示法

{
    //簡潔表示法
    let o =1;
    let k =2;
    
    //ES5:聲明一個簡易的Object對象
    var es5 = {
        o:o,
        k:k
    };
    
    //ES6
    let es6 ={
        o,
        k
    };
    
    console.log(es5,es6); //Object{k:2,o:1}  Object{k:2,o:1} 
   
    
    //ES5:對象中有方法
    let es5_method ={
        hello:function(){
            console.log('Hello');
        }
    };
    
    //ES6:對象中方法
    let es6_method = {
        hello(){
            console.log('Hello');
        }
    };
    
    console.log(es5_method.hello(),es6_method.hello()): //Hello  Hello


}                   

3.屬性表達式

應(yīng)用:生成一個對象肘迎,而這個key值因為另一個變量來不同做變化的耀盗,這種就可以實現(xiàn)這種對變量的依賴调鬓;

{
    //ES5:對象的寫法
    //ES5中寫的屬性一定是一個固定的key值认然;
      ES6中key值是可以用表達式补憾,也可以用變量來做這個key的;
    let a ='b';
    let es5_obj ={
        a:'c',
        b:'c'
    };
    
    //ES6:key值[a]中括號包起來的就是表達式卷员;可以直接是一個變量盈匾,
    let es6_obj ={
        //a是變量,變量的值是b
        [a]:'c'
    };
    
    console.log(es5_obj,es6_obj);
    //Object{            Object{b:"c"}
        a:"c",
        b:"c"
    }

}

**4.Object對象中新增的常用的幾個API

{
    //判斷兩個值是不是相等毕骡;
    //is的判斷和===在功能上是一樣的削饵;
    console.log('字符串',Object.is('abc','abc'),'abc'==='abc');//字符串 true true
    

 //1.數(shù)組也是引用類型岩瘦,在值上都是空,兩個數(shù)組引用的是兩個不同的地址窿撬;嚴格意義上它兩不是相等的启昧;
 //2.Object.is其實和===沒有區(qū)別;
    console.log('數(shù)組',Object.is([],[]),[]===[]); //數(shù)組 false false


    //assign--拷貝劈伴;
    第一個參數(shù)要拷貝到的一個對象上密末;第二個參數(shù)把哪個值(哪個對象)拷貝到別的地方去;
    //1.拷貝的屬性是有限制的跛璧;
    (淺拷貝--引用類型值修改引用地址严里,而不是把所有的值拷過去)
    //2.這個方法拷貝的是只有自身對象的一個屬性;如果這個對象有繼承追城,它不會拷貝繼承的屬性刹碾;
        同時也不會拷貝這個對象中不可枚舉的一個屬性;
    console.log('拷貝',Object.assign({a:'a'},{b:'b'})); 
    //輸出:拷貝 Object{a:"a",b:"b"} 兩個對象合并成一個新的對象了


    //entries
    let test ={k:123,o:456};
    for(let [key,value] of Object.entries(test)){
        console.log([key,value]);
    }
    //輸出:["k",123]
            ["o",456]

}

5.擴展運算符(ES7提案)

{
    //...變量座柱;直接是編譯不通過的迷帜,加入babel-polyfill擴展兼容的,還是會報錯辆布;
    babel支持不太好瞬矩,目前實際應(yīng)用沒法用;
    let{a,b,...c} ={a:'test',b:'hill',c:'ddd',d:'ccc'}
    //a 解析出來是 a:'test'
      b 解析出來是 b:'hill'
      c ={
         c:'ddd',
         d:'ccc'
      };
    
    
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末锋玲,一起剝皮案震驚了整個濱河市景用,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惭蹂,老刑警劉巖伞插,帶你破解...
    沈念sama閱讀 212,294評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異盾碗,居然都是意外死亡媚污,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評論 3 385
  • 文/潘曉璐 我一進店門廷雅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耗美,“玉大人,你說我怎么就攤上這事航缀∩碳埽” “怎么了?”我有些...
    開封第一講書人閱讀 157,790評論 0 348
  • 文/不壞的土叔 我叫張陵芥玉,是天一觀的道長蛇摸。 經(jīng)常有香客問我,道長灿巧,這世上最難降的妖魔是什么赶袄? 我笑而不...
    開封第一講書人閱讀 56,595評論 1 284
  • 正文 為了忘掉前任揽涮,我火速辦了婚禮,結(jié)果婚禮上饿肺,老公的妹妹穿的比我還像新娘蒋困。我一直安慰自己,他們只是感情好唬格,可當我...
    茶點故事閱讀 65,718評論 6 386
  • 文/花漫 我一把揭開白布家破。 她就那樣靜靜地躺著颜说,像睡著了一般购岗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上门粪,一...
    開封第一講書人閱讀 49,906評論 1 290
  • 那天喊积,我揣著相機與錄音,去河邊找鬼玄妈。 笑死乾吻,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的拟蜻。 我是一名探鬼主播绎签,決...
    沈念sama閱讀 39,053評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼酝锅!你這毒婦竟也來了诡必?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,797評論 0 268
  • 序言:老撾萬榮一對情侶失蹤搔扁,失蹤者是張志新(化名)和其女友劉穎爸舒,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稿蹲,經(jīng)...
    沈念sama閱讀 44,250評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡扭勉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,570評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了苛聘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片涂炎。...
    茶點故事閱讀 38,711評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖设哗,靈堂內(nèi)的尸體忽然破棺而出唱捣,到底是詐尸還是另有隱情,我是刑警寧澤熬拒,帶...
    沈念sama閱讀 34,388評論 4 332
  • 正文 年R本政府宣布爷光,位于F島的核電站,受9級特大地震影響澎粟,放射性物質(zhì)發(fā)生泄漏蛀序。R本人自食惡果不足惜欢瞪,卻給世界環(huán)境...
    茶點故事閱讀 40,018評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望徐裸。 院中可真熱鬧遣鼓,春花似錦、人聲如沸重贺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽气笙。三九已至次企,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間潜圃,已是汗流浹背缸棵。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留谭期,地道東北人堵第。 一個月前我還...
    沈念sama閱讀 46,461評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像隧出,于是被迫代替她去往敵國和親踏志。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,595評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,934評論 6 13
  • 1.屬性的簡潔表示法 允許直接寫入變量和函數(shù) 上面代碼表明胀瞪,ES6 允許在對象之中针余,直接寫變量。這時赏廓,屬性名為變量...
    雨飛飛雨閱讀 1,130評論 0 3
  • 三涵紊,字符串擴展 3.1 Unicode表示法 ES6 做出了改進,只要將碼點放入大括號幔摸,就能正確解讀該字符摸柄。有了這...
    eastbaby閱讀 1,521評論 0 8
  • 飛吧驱负,我的小鳥 ◎六月雪 小鳥 我的小鳥 嵊州的天藍藍 正是 ...
    興安居士閱讀 468評論 0 4
  • 宏定義可以很方便開發(fā)和調(diào)試,我們也要對其進行歸類患雇,提高代碼可讀性和規(guī)范性跃脊。 宏定義在很多方面都會使用,例如定義高度...
    zzcz_cc閱讀 338評論 0 2