摘要：經(jīng)常會用到的的知識點(diǎn)提到我們就來說說，也是誕生，它的初始名叫。又名，在，和大受重用。年，負(fù)責(zé)制定規(guī)范草案的委員會決定將定義新標(biāo)準(zhǔn)的制度改為一年一次出現(xiàn)。它們在規(guī)范的先前版本中被稱為模板字符串。它與數(shù)組非常相似，但是數(shù)據(jù)結(jié)構(gòu)的成員都是唯一的。

提到es6我們就來說說javascript，es6也是ES2015

1995：JavaScript誕生，它的初始名叫LiveScript。

1997：ECMAScript標(biāo)準(zhǔn)確立。

1999：ES3出現(xiàn)，與此同時IE5風(fēng)靡一時。

2000–2005： XMLHttpRequest又名AJAX， 在Outlook Web Access (2000)、Oddpost (2002)，Gmail (2004)和Google Maps (2005)大受重用。

2009： ES5出現(xiàn)，（就是我們大多數(shù)人現(xiàn)在使用的）例如foreach，Object.keys，Object.create和JSON標(biāo)準(zhǔn)。

2015：ES6/ECMAScript2015出現(xiàn)。 2015 年，負(fù)責(zé)制定 ECMAScript 規(guī)范草案的委員會 TC39 決定將定義新標(biāo)準(zhǔn)的制度改為一年一次

2016：ES7/ECMAScript2016出現(xiàn)。

2017：ES8/ECMAScript2017出現(xiàn)。

說到es6就會想到兼容，我給大家推薦兩個鏈接大家可以去看看，還是很好的

https://kangax.github.io/comp...

http://kangax.github.io/compa...

es6的使用方式

可以將es6的代碼轉(zhuǎn)成es5的代碼,Babel Google traceur這是兩個轉(zhuǎn)碼器，大家可以去試一下

Babel是一個廣泛使用的ES6轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。大家可以選擇自己習(xí)慣的工具來使用使用Babel

js中var、let、const的區(qū)別

var！?。。?/h5>

var定義的變量可以修改，如果不初始化會輸出undefined，不會報錯

var分為兩種：局部作用域和函數(shù)作用域

let?。。?！

let是塊級作用域，函數(shù)內(nèi)部使用let定義后，對函數(shù)外部無影響。

let是塊級作用域，跟var不同的是，let沒有前置功能，不能重復(fù)聲明

const?。。?！

const定義的變量不可以修改，而且必須初始化。

const是常量，不可改變，一般大寫，也是塊級作用域。。。

es6模板字符串、增強(qiáng)的對象字面、解構(gòu)賦值

es6模板字符串

模板字符串是允許嵌入表達(dá)式的字符串字面量。你可以使用多行字符串和字符串插值功能。它們在ES2015規(guī)范的先前版本中被稱為“模板字符串。

``撇號

綁定變量

字符串支持多行

...擴(kuò)展運(yùn)算符

增強(qiáng)的對象字面

對象字面量的輸出方式有兩種：傳統(tǒng)的‘?！?，以及數(shù)組方式，只不過用數(shù)組方式輸出時，方括號里面要用引號括起來

對象字面量的定義方式，可以輕松搞定函數(shù)大量參數(shù)需要一一對應(yīng)輸出的情況。他的對策就是給函數(shù)傳入一個對象，而這個對象是用字面量的方式定義的，屬性和值對應(yīng)的方式可以一目了然他們的關(guān)系，因?yàn)楹瘮?shù)只是一段代碼，必須調(diào)用才能執(zhí)行

字面量對象屬性能夠簡寫

字面量對象方法可以簡寫省去function關(guān)鍵字

對象屬性 可以寫 自動計算的屬性

繼承——port——

解構(gòu)賦值

解構(gòu)賦值可將數(shù)組的元素或?qū)ο蟮膶傩再x予給另一個變量，該變量的定義語法與數(shù)組字面量或?qū)ο笞置媪亢芟嗨?。此語法非常簡潔，相比于傳統(tǒng)的屬性訪問方式，更加直觀清晰。

事實(shí)上，用變量來描述并不恰當(dāng)，因?yàn)槟憧梢詫θ我馍疃鹊那短讛?shù)組進(jìn)行解構(gòu)：

var [foo, [[bar], baz]] = [1, [[2], 3]];
console.log(foo);
// 1
console.log(bar);
// 2
console.log(baz);
// 3

可以在對應(yīng)位留空來跳過被解構(gòu)數(shù)組中的某些元素：

var [,,third] = ["foo", "bar", "baz"];
console.log(third);
// "baz"

es6的擴(kuò)展運(yùn)算符，箭頭函數(shù)，函數(shù)參數(shù)

擴(kuò)展運(yùn)算符的幾個作用

展開數(shù)組

數(shù)組的拷貝

數(shù)組的合并

展開函數(shù)的調(diào)用

箭頭函數(shù)

//箭頭函數(shù) =>
let jian = () => {
    console.log("Hello")
}
jian();
//沒有參數(shù)
()=>{
    console.log("你好")
};
//有參數(shù)
(name)=>{
    console.log(name);
};
//可以省略()
let d = name=>{
    console.log(name);
}
d("jiang");
//兩個參數(shù)
(name,age)=>{
    console.log(name,age);
};
//省略后的
let c (a,b)=>a+b;
(a,b)=>{console.log(a+b);
console.log(c);

函數(shù)參數(shù)

函數(shù)參數(shù)分為三種

默認(rèn)參數(shù)

擴(kuò)展參數(shù)

剩余參數(shù)

Symbol

Symbol是ES6新增的一種值類型數(shù)據(jù)，表示一種絕不重復(fù)的值

let m = 1;
let l = 1;
console.log(m==l);//打印出true

let mm = Symbol();
let ll = Symbol();
console.log(mm==ll);//打印出flase

注意，這里 Symbol 前面不能使用 new 操作符。

如果要獲取對象 symbol 屬性，需要使用 Object.getOwnPropertySymbols(o)。

Set和WeakSet

ES6 新增 2種 數(shù)據(jù)結(jié)構(gòu)(New data structures)類型, Set和Map

Set和WeakSet 數(shù)據(jù)結(jié)構(gòu)是ES6新增。

它與數(shù)組非常相似，但是Set數(shù)據(jù)結(jié)構(gòu)的成員都是唯一的。

特別說明:Set中只能添加一個NaN

// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;

// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });

類似于 WeakMap，WeakSet 對象可以讓你在一個集合中保存對象的弱引用，在 WeakSet 中的對象只允許出現(xiàn)一次：

var ws = new WeakSet();
var obj = {};
var foo = {};

ws.add(window);
ws.add(obj);

ws.has(window); // true
ws.has(foo);    // false, foo 沒有添加成功

ws.delete(window); // 從結(jié)合中刪除 window 對象
ws.has(window);    // false, window 對象已經(jīng)被刪除

Map和WeakMap

Map和WeakMap是ES6新增的數(shù)據(jù)結(jié)構(gòu) 事實(shí)上每個對象都可以看作是一個 Map。 它們本質(zhì)與對象一樣，都是鍵值對的集合，但是他們與Object對象主要的不同是，鍵可以是各種類型的數(shù)值，而Object對象的鍵只能是字符串類型或者Symbol類型值 。Map和WeakMap是更為完善的Hash結(jié)構(gòu)。

// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;

// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined

WeakMap數(shù)據(jù)結(jié)構(gòu) WeakMap結(jié)構(gòu)與Map結(jié)構(gòu)基本類似。 區(qū)別是它只接受對象作為鍵名，不接受其他類型的值作為鍵名。鍵名是對象的弱引用，當(dāng)對象被回收后，WeakMap自動移除對應(yīng)的鍵值對，WeakMap結(jié)構(gòu)有助于防止內(nèi)存泄漏。

var wm = new WeakMap(); 
var obj = new Object(); 
wm.set(obj,"對象1"); 
obj=null; 
wm.get(obj);    //undefined 
wm.has(obj);    //false

由于WeakMap對象不可遍歷，所以沒有size屬性。