1. 程式人生 > >ES6常用特性總覽

ES6常用特性總覽

方案 reject 交換變量 布爾 輸入 基本 插入 轉換 存在

  以前看過一遍es6,今天面試時被問到了一個很簡單的es6特性,竟然沒回答上來,特來重溫一下es6,做個總結性筆記。

一、什麽是es6

  es6是新版本JavaScript語言的標準,在2015年6月發布,現在瀏覽器已支持絕大部分特性,某些不支持的也可以使用Babel轉碼器轉換成JavaScript別的版本。es6提供了很多的新特性和語法糖,使JavaScript更加完善和豐富。

二、十大新特性簡介

  1、const和let關鍵字

    let:新增的用來聲明變量的命令,類似於var,但是只在let所在的作用域有效,並且不存在變量提升,外部聲明的同名變量不會影響內部使用let聲明的變量。

    const:類似於let,但是const聲明的是一個只讀常量,聲明後必須立刻初始化。

  2、解構賦值

    定義:es6允許按照一定模式,從數組和變量中提取值,並對變量進行賦值。可以對數組、對象、字符串、函數參數進行解構賦值,如果等號右邊是數值或布爾值時會先專成對象。

    作用:交換變量的值、從函數返回多個值、函數的定義、提取JSON數據、函數參數的默認值、遍歷Map、輸入模塊的指定方法。

  3、默認參數

    可以在函數聲明時對參數設置默認值。如下:

    技術分享圖片

  4、模板表達式

    es6中可以在使用反引號定義標識的字符串中插入變量,插入的變量放在${NAME}中,如下所示:

    技術分享圖片

  5、多行字符串

    在es6用反引號的字符串中,可以表示多行字符串。如下所示:

    技術分享圖片

  6、增強的對象表達式

    es6中增強了對象表達式,使之書寫簡便並且更像一個類。

  7、箭頭函數

    新增了箭頭函數,是一個非常讓開發者喜歡的特性,使書寫函數時更加簡便。但是並不是全部的函數都可以用箭頭函數。

  8、promise

    新增了promise對象,是一種新的異步編程的解決方案,可以使用then方法指定resolved和rejected狀態,使用catch方法可以處理出現的錯誤。angular2用到的就是promise。

  9、類

    class基本上只是一個es6的語法糖,絕大部分都可以使用es5做到,他的作用只不過是讓JavaScript更加規範,更加像面向對象編程的語言。

  10、模塊

    以前使用AMD和commonJS等方式實現模塊化,現在es6規範了模塊化。模塊自動采用嚴格模式,

  此次面試問道的是...擴展運算符的作用,...運算符的作用是將一個數組轉為用逗號分隔的參數序列,類似數組的對象、Map也可以用。

  此文章只是針對一些es6常用的一些特性的簡介,以後會繼續詳細說明。

  參考文章:https://www.jianshu.com/p/53fe8b56cfb0

       http://es6.ruanyifeng.com/  

ES6常用特性總覽