es6 特性復(fù)習(xí)1

變量:

?let 堪旧,let具有塊級作用域音五,存在暫時性死區(qū)(在塊級作用域let聲明了一個變量亿汞,它所聲明的變量就被綁定到當(dāng)前這個區(qū)域潘酗,不受外部所影響)撩炊,只有在它(let)聲明的代碼塊中起作用:

for(var j = 0; j < 2 j++) {} console.log(j); // 2

for(let i? = 0; i < 3 i++) {} console.log(i); // 報錯: i 未被定義

const, const用于聲明一個常量崎脉,在一個常量被聲明后,值是不可改變的:

const str=123;? // 聲明一個常量

str=456;// TypeError: Assignment to constant variable.

?let伯顶,const都沒有聲明提升囚灼,只能在聲明后使用,在一個塊級作用域內(nèi)祭衩,同一個變量不能被重復(fù)聲明灶体,在塊級作用域外不能訪問作用域內(nèi)的變量

結(jié)構(gòu)賦值:

對象結(jié)構(gòu):

let node = {

? ? type: "Identifier",

? ? name: "foo"

};??

// 使用結(jié)構(gòu)分配不同的值

let { type, name } = node;

console.log(type); // "Identifier"

console.log(name); // "foo"

數(shù)組結(jié)構(gòu):

let colors = [ "red", "green", "blue" ];

let [ firstColor, secondColor ] = colors;? ?//從colors中分別結(jié)構(gòu)出 red,green掐暮, 未顯式聲明的則會被忽略

console.log(firstColor); // "red"

console.log(secondColor); // "green"

// 也可以直接為自己所需要的元素聲明變量

let colors = [ "red", "green", "blue" ];

let [ , , thirdColor ] = colors;

console.log(thirdColor); // "blue"

混合結(jié)構(gòu):

let node = {

? ? type: "Identifier",

? ? name: "foo",

? ? loc: {

? ? ? ? start: {

? ? ? ? ? ? line: 1,

? ? ? ? ? ? column: 1

? ? ? ? },

? ? ? ? end: {

? ? ? ? ? ? line: 1,

? ? ? ? ? ? column: 4

? ? ? ? }

? ? },

? ? range: [0, 3]

};

let {

? ? loc: { start },????????????????????????????????? ?//?分別將node.loc.start和node.range[0]提取到變量start和startlndex中?

? ? range: [ startIndex ]

} = node;

console.log(start.line); // 1?

console.log(start.column); // 1?

console.log(startIndex); // 0

解構(gòu)模式中的loc和range僅代表它們在node對象中所處的位置(也就是該對象的屬性)蝎抽。當(dāng)使用混合解構(gòu)的語法時,則可以從node提取任意想要的信息? ? ? ? ? ? ? ? ? ? ? ? ??

Promise:

?promise有三種狀態(tài):pending(等待路克,處理中)? ?-->? 1.resolve(完成)? ?2.rejected(失敗樟结,拒絕)

Promise對象中的then方法:

?可以接收構(gòu)造函數(shù)中處理的狀態(tài)變化,then方法有2個參數(shù)精算,第一個函數(shù)接收resolved狀態(tài)的執(zhí)行瓢宦,第二個參數(shù)接收reject狀態(tài)的執(zhí)行。

function fn(num) {

? ? returnnewPromise(function(resolve, reject) {

? ? ? ? if(typeofnum == 'number') {

? ? ? ? ? ? resolve();

? ? ? ? } else {

? ? ? ? ? ? reject();

? ? ? ? }

? ? }).then(function() {

? ? ? ? console.log('參數(shù)是一個number值');

? ? }, function() {

? ? ? ? console.log('參數(shù)不是一個number值');

? ? })

}

fn('hahha');

fn(1234);

then方法的執(zhí)行結(jié)果也會返回一個Promise對象灰羽。因此我們可以進行then的鏈?zhǔn)綀?zhí)行

catch的用法:

getNumber()

.then(function(data){

? ? console.log('resolved');

? ? console.log(data);

})

.catch(function(reason){

? ? console.log('rejected');

? ? console.log(reason);

});

在執(zhí)行resolve的回調(diào)(也就是上面then中的第一個參數(shù))時驮履,如果拋出異常了(代碼出錯了)鱼辙,那么并不會報錯卡死js,而是會進到這個catch方法中

all的用法:

Promise的all方法提供了并行執(zhí)行異步操作的能力玫镐,并且在所有異步操作執(zhí)行完后才執(zhí)行回調(diào)

Promise

.all([runAsync1(), runAsync2(), runAsync3()])

.then(function(results){

? ? console.log(results);

});

用Promise.all來執(zhí)行倒戏,all接收一個數(shù)組參數(shù),里面的值最終都算返回Promise對象恐似。這樣杜跷,三個異步操作的并行執(zhí)行的,等到它們都執(zhí)行完后才會進到then里面蹂喻,all會把所有異步操作的結(jié)果放進一個數(shù)組中傳給then葱椭,就是上面的results

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市口四,隨后出現(xiàn)的幾起案子孵运,更是在濱河造成了極大的恐慌,老刑警劉巖蔓彩,帶你破解...
    沈念sama閱讀 222,464評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件治笨,死亡現(xiàn)場離奇詭異,居然都是意外死亡赤嚼,警方通過查閱死者的電腦和手機旷赖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,033評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來更卒,“玉大人等孵,你說我怎么就攤上這事□蹇眨” “怎么了俯萌?”我有些...
    開封第一講書人閱讀 169,078評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長上枕。 經(jīng)常有香客問我咐熙,道長,這世上最難降的妖魔是什么辨萍? 我笑而不...
    開封第一講書人閱讀 59,979評論 1 299
  • 正文 為了忘掉前任棋恼,我火速辦了婚禮,結(jié)果婚禮上锈玉,老公的妹妹穿的比我還像新娘爪飘。我一直安慰自己,他們只是感情好拉背,可當(dāng)我...
    茶點故事閱讀 69,001評論 6 398
  • 文/花漫 我一把揭開白布悦施。 她就那樣靜靜地躺著,像睡著了一般去团。 火紅的嫁衣襯著肌膚如雪抡诞。 梳的紋絲不亂的頭發(fā)上穷蛹,一...
    開封第一講書人閱讀 52,584評論 1 312
  • 那天,我揣著相機與錄音昼汗,去河邊找鬼肴熏。 笑死,一個胖子當(dāng)著我的面吹牛顷窒,可吹牛的內(nèi)容都是我干的蛙吏。 我是一名探鬼主播,決...
    沈念sama閱讀 41,085評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼鞋吉,長吁一口氣:“原來是場噩夢啊……” “哼鸦做!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起谓着,我...
    開封第一講書人閱讀 40,023評論 0 277
  • 序言:老撾萬榮一對情侶失蹤泼诱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后赊锚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體治筒,經(jīng)...
    沈念sama閱讀 46,555評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,626評論 3 342
  • 正文 我和宋清朗相戀三年舷蒲,在試婚紗的時候發(fā)現(xiàn)自己被綠了耸袜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,769評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡牲平,死狀恐怖堤框,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情纵柿,我是刑警寧澤蜈抓,帶...
    沈念sama閱讀 36,439評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站藐窄,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏酬土。R本人自食惡果不足惜荆忍,卻給世界環(huán)境...
    茶點故事閱讀 42,115評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望撤缴。 院中可真熱鬧刹枉,春花似錦、人聲如沸屈呕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,601評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽虎眨。三九已至蟋软,卻和暖如春镶摘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背岳守。 一陣腳步聲響...
    開封第一講書人閱讀 33,702評論 1 274
  • 我被黑心中介騙來泰國打工凄敢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人湿痢。 一個月前我還...
    沈念sama閱讀 49,191評論 3 378
  • 正文 我出身青樓涝缝,卻偏偏與公主長得像,于是被迫代替她去往敵國和親譬重。 傳聞我的和親對象是個殘疾皇子拒逮,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,781評論 2 361