Js 語法 ES6、ES7瞳浦、ES8担映、ES9、ES10叫潦、ES11蝇完、ES12的新特性

1. ES6(2015)

(1)類(class)

class Man {
  constructor(name) {
    this.name = '小虎';
  }
  console() {
    console.log(this.name);
  }
}
const man = new Man('小虎');
man.console(); // 小虎

(2)模塊化(ES Module)

// 模塊 A 導(dǎo)出一個方法
export const sub = (a, b) => a + b;
// 模塊 B 導(dǎo)入使用
import { sub } from './A';
console.log(sub(1, 2)); // 3

(3)箭頭(Arrow)函數(shù)

const func = (a, b) => a + b;
func(1, 2); // 3

(4)函數(shù)參數(shù)默認(rèn)值

function foo( age = 23) { ..... }

(5)模板字符串

const name = '小虎'
const str = `今天${name}出去玩了`

(6) 解構(gòu)賦值

let a = 1
let b = 2
[ a , b ] = [ 1, 2 ]

(7) 延展操作符

let a = [...'heelo word' ] // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"]

(8)對象屬性簡寫

const name =  "小虎"
const  obj =  { name }

(9)Promise

//js 順序執(zhí)行,先執(zhí)行同步任務(wù)在執(zhí)行異步任務(wù)
Promise.resolve().then(() => { console.log(2); });
console.log(1);
// 先打印 1 ,再打印 2

(10)let和const

let a = 1  //局部作用域生效
const b= 2 //一旦賦值 不可重新賦值

ES7(2016)

(1) Array.prototype.includes()

[1].includes(1); // true
//includes() 方法用于判斷字符串是否包含指定的子字符串
//如果找到匹配的字符串則返回 true,否則返回 false。

(2)指數(shù)操作符

2**10; // 1024

ES8(2017)

(1)async/await

//異步終極解決方案
//不言而喻苍匆,好用就完事了
async getData(){
    const res = await api.getTableData(); // await 異步任務(wù)
    // do something    
}

(2)Object.values()

//Object.values()方法返回一個給定對象自身的所有可枚舉屬性值的數(shù)組
Object.values({a: 1, b: 2, c: 3}); // [1, 2, 3]

(3)Object.entries()

//Object.entries()方法返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組
const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]

(4) String padding

//用于補(bǔ)白
// padStart
'hello'.padStart(10); // "     hello"
// padEnd
'hello'.padEnd(10) "hello     "
'123456'.padStart(10, '0');// <- '0000123456'

(5)函數(shù)參數(shù)列表結(jié)尾允許逗號

(6)Object.getOwnPropertyDescriptors()

· 獲取一個對象的所有自身屬性的描述符,如果沒有任何自身屬性,則返回空對象岖研。

(7) SharedArrayBuffer對象
· SharedArrayBuffer 對象用來表示一個通用的,固定長度的原始二進(jìn)制數(shù)據(jù)緩沖區(qū)警检,

/**
 * 
 * @param {*} length 所創(chuàng)建的數(shù)組緩沖區(qū)的大小孙援,以字節(jié)(byte)為單位。  
 * @returns {SharedArrayBuffer} 一個大小指定的新 SharedArrayBuffer 對象扇雕。其內(nèi)容被初始化為 0拓售。
 */
new SharedArrayBuffer(10)

(8) Atomics對象

· Atomics 對象提供了一組靜態(tài)方法用來對 SharedArrayBuffer 對象進(jìn)行原子操作。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末洼裤,一起剝皮案震驚了整個濱河市邻辉,隨后出現(xiàn)的幾起案子溪王,更是在濱河造成了極大的恐慌腮鞍,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莹菱,死亡現(xiàn)場離奇詭異移国,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)道伟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進(jìn)店門迹缀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蜜徽,你說我怎么就攤上這事祝懂。” “怎么了拘鞋?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵砚蓬,是天一觀的道長。 經(jīng)常有香客問我盆色,道長灰蛙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任隔躲,我火速辦了婚禮摩梧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘宣旱。我一直安慰自己仅父,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著驾霜,像睡著了一般案训。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上粪糙,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天强霎,我揣著相機(jī)與錄音,去河邊找鬼蓉冈。 笑死城舞,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的寞酿。 我是一名探鬼主播家夺,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼伐弹!你這毒婦竟也來了拉馋?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤惨好,失蹤者是張志新(化名)和其女友劉穎煌茴,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體日川,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蔓腐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了龄句。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片回论。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖分歇,靈堂內(nèi)的尸體忽然破棺而出傀蓉,到底是詐尸還是另有隱情,我是刑警寧澤职抡,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布葬燎,位于F島的核電站,受9級特大地震影響繁调,放射性物質(zhì)發(fā)生泄漏萨蚕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一蹄胰、第九天 我趴在偏房一處隱蔽的房頂上張望岳遥。 院中可真熱鬧,春花似錦裕寨、人聲如沸浩蓉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捻艳。三九已至驾窟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間认轨,已是汗流浹背绅络。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留嘁字,地道東北人恩急。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像纪蜒,于是被迫代替她去往敵國和親衷恭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,627評論 2 350

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