回顧一下前端的發展史[選看]
web1.0時代：
最初的網頁以HTML爲主，是純靜態的網頁。網頁是隻讀的，信息流只能從服務的到客戶端單向流通。開發人員也只關心頁面的樣式和內容即可
web2.0時代：
- 1995年，網景工程師Brendan Eich 花了10天時間設計了JavaScript語言。
- 1996年，微軟發佈了JScript，其實是JavaScript的逆向工程實現。
- 1997年，爲了統一各種不同script腳本語言，ECMA（歐洲計算機製造商協會）以JavaScript爲基礎，制定了
ECMAscript標準規範。JavaScript和JScript都是ECMAScript的標準實現者，隨後各大瀏覽器廠商紛紛實現了ECMAScript標準
所以，ECMAScript是瀏覽器腳本語言的規範，而各種我們熟知的js語言，如JavaScript則是規範的具體實現
ECMAScript的快速發展
1998年6月，ECMAScript 2.0 發佈。
1999年12月，ECMAScript 3.0 發佈。這時，ECMAScript 規範本身也相對比較完善和穩定了，但是接下來的事情，就比較悲劇了。
2007年10月，ECMAScript 4.0 草案發布。
這次的新規範，歷時頗久，規範的新內容也有了很多爭議。在制定ES4的時候，是分成了兩個工作組同時工作的。
- 一邊是以 Adobe, Mozilla, Opera 和 Google爲主的 ECMAScript 4.0 工作組。
- 一邊是以 Microsoft 和 Yahoo 爲主的 ECMAScript 3.1 工作組。
ECMAScript 4 的很多主張比較激進，改動較大。而 ECMAScript 3.1 則主張小幅更新。最終經過 TC39 的會議，決定將一部分不那麼激進的改動保留髮布爲 ECMAScript 3.1，而ES4的內容，則延續到了後來的ECMAScript5和6版本中
2009年12月，ECMAScript 5 發佈。
2011年6月，ECMAScript 5.1 發佈。
2015年6月，ECMAScript 6，也就是 ECMAScript 2015 發佈了。 並且從 ECMAScript 6 開始，開始採用年號來做版本。即 ECMAScript 2015，就是ECMAScript6。 它的目標，是使得 JavaScript 語言可以用來編寫複雜的大型應用程序，成爲企業級開發語言。
let 和 const 命令
var
之前，js定義變量只有一個關鍵字：var
var有一個問題，就是定義的變量有時會莫名奇妙的成爲全局變量，失去其範圍性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
for(var i = 0; i < 5; i++){
console.log(i);
}
console.log("循環外：" + i)
</script>
<body>
</body>
</html>
可見，變量i明明我們是當作局部變量來玩的，可它在for外居然還能用！
let
let所聲明的變量，只在let命令所在的代碼塊內有效。
我們把剛纔的var改成let試試：
for(let i = 0; i < 5; i++){
console.log(i);
}
console.log("循環外：" + i)
這纔是局部變量的正確用法
const
const聲明的變量是常量，不能被修改
字符串擴展
新的API
ES6爲字符串擴展了幾個新的API：
includes()：返回布爾值，表示是否找到了參數字符串。startsWith()：返回布爾值，表示參數字符串是否在原字符串的頭部。endsWith()：返回布爾值，表示參數字符串是否在原字符串的尾部。
字符串模板
ES6中提供了`來作爲字符串模板標記。我們可以這麼玩：
在兩個`之間的部分都會被作爲字符串的值，不管你任意換行，甚至加入js腳本
解構表達式
數組解構
比如有一個數組：
let arr = [1,2,3]
我想獲取其中的值，只能通過角標。ES6可以這樣：
const [x,y,z] = arr;// x，y，z將與arr中的每個位置對應來取值
對象解構
例如有個person對象：
const person = {
name:"jack",
age:21,
language: ['java','js','css']
}
我們可以這麼做：
// 解構表達式獲取值
const {name,age,language} = person;
如過想要用其它變量接收，需要額外指定別名：
函數優化
函數參數默認值
在ES6以前，我們無法給一個函數參數設置默認值，只能採用變通寫法：
function add(a , b) {
// 判斷b是否爲空，爲空就給默認值1
b = b || 1;
return a + b;
}
現在可以這麼寫：
function add(a , b = 1) {
return a + b;
}
箭頭函數（常用）
ES6中定義函數的簡寫方式：
一個參數時：
var print = function (obj) {
console.log(obj);
}
// 簡寫爲：
var print2 = obj => console.log(obj);
多個參數：
// 兩個參數的情況：
var sum = function (a , b) {
return a + b;
}
// 簡寫爲：
var sum2 = (a,b) => a+b;
對象的函數屬性簡寫
比如一個Person對象，裏面有eat方法：
let person = {
name: "jack",
// 以前：
eat: function (food) {
console.log(this.name + "在吃" + food);
},
// 箭頭函數版：
eat2: food => console.log(person.name + "在吃" + food),// 這裏拿不到this
// 簡寫版：
eat3(food){
console.log(this.name + "在吃" + food);
}
}
箭頭函數結合解構表達式
const person = {
name:"jack",
age:21,
language: ['java','js','css']
}
function hello(person) {
console.log("hello," + person.name)
}
如果用箭頭函數和解構表達式
var hi = ({name}) => console.log("hello," + name);
map
數組中新增了map和reduce方法
map
map()：接收一個函數，將原數組中的所有元素用這個函數處理後放入新數組返回
舉例：有一個字符串數組，我們希望轉爲int數組
let arr = ['1','20','-5','3'];
//轉化
arr = arr.map(s => parseInt(s));
