ECMAScript簡介
ECMAScript與JavaScript的關係
ECMAScript是JavaScript語言的國際化標準，JavaScript是ECMAScript的實現。（前者是後者的規格，後者是前者的實現。但一般二者是可互換的。）html
ESMAScript的歷史
1996年11月，Netscape公司將Js提交給國際化標準組織ECMA，當初該語言可以成爲國際化標準。
1997年，ECMAScript 1.0版本推出。（在這年，ECMA發佈262號標準文件（ECMA-262）的初版，規定瀏覽器腳本語言的標準，並將這種語言稱爲ECMAScript，也就是ES1.0版本。）
1998年6月，ES 2.0 版發佈。
1999年12月，ES 3.0 版發佈，併成爲JS的通行標準，獲得普遍支持。
2007年10月，ES 4.0 版草案發布。
2008年7月，因爲各方分歧太大，ECMA決定終止ES 4.0的開發。轉而將其中涉及現有功能改善的一小部分發布爲ES 3.1 。可是回後不久將其更名爲ES 5.0版；
2009年12月，ES 5.0 版正式發佈。
2011年6月，ES 5.1 版發佈，併成爲ISO國際標準（ISO/IEC 16262：2011）。
2013年3月，ES 6 草案終結，而且再也不添加新的功能。
2013年12月，ES 6 草案發布。
2015年6月，ES 6 正式版本發佈。python
es6新增語法（基礎）
ECMAScript 6 （簡稱ES 6）是JS語言的下一代標準。程序員
1.let和const
es6新增了let命令，用來聲明變量。它的用法相似於var，可是所聲明的變量，只在let命令所在的代碼塊內有效。es6
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6]();
上面代碼中，變量i是var命令聲明的，在全局範圍內都有效，因此全局只有一個變量i。每一次循環，變量i的值都會發生改變，而循環內被賦給數組a的函數內部的console.log(i)，裏面的i指向的就是全局的i。也就是說，全部數組a的成員裏面的i，指向的都是同一個i，致使運行時輸出的是最後一輪的i的值，也就是 10編程
而若是若是使用let，聲明的變量僅在塊級做用域內有效，最後輸出的是 6，以下：數組
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6]();
上面代碼中，變量i是let聲明的，當前的i只在本輪循環有效，因此每一次循環的i其實都是一個新的變量，因此最後輸出的是6。你可能會問，若是每一輪循環的變量i都是從新聲明的，那它怎麼知道上一輪循環的值，從而計算出本輪循環的值？這是由於 JavaScript 引擎內部會記住上一輪循環的值，初始化本輪的變量i時，就在上一輪循環的基礎上進行計算瀏覽器
2.不存在變量提高
var命令會發生」變量提高「現象，即變量能夠在聲明以前使用，值爲undefined。這種現象多多少少是有些奇怪的，按照通常的邏輯，變量應該在聲明語句以後纔可使用。app
爲了糾正這種現象，let命令改變了語法行爲，它所聲明的變量必定要在聲明後使用，不然報錯。函數
// var 的狀況 console.log(foo); // 輸出undefined var foo = 2; // let 的狀況 console.log(bar); // 報錯ReferenceError let bar = 2;
上面代碼中，變量foo用var命令聲明，會發生變量提高，即腳本開始運行時，變量foo已經存在了，可是沒有值，因此會輸出undefined。變量bar用let命令聲明，不會發生變量提高。這表示在聲明它以前，變量bar是不存在的，這時若是用到它，就會拋出一個錯誤。post
3.不容許重複聲明
let不容許在相同做用域內，重複聲明同一個變量。
4.塊級做用域
ES5 只有全局做用域和函數做用域，沒有塊級做用域，這帶來不少不合理的場景。
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); // undefined
上面代碼的原意是，if代碼塊的外部使用外層的tmp變量，內部使用內層的tmp變量。可是，函數f執行後，輸出結果爲undefined，緣由在於變量提高，致使內層的tmp變量覆蓋了外層的tmp變量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
上面代碼中，變量i只用來控制循環，可是循環結束後，它並無消失，泄露成了全局變量。
5.const命令
const聲明一個只讀的常量。一旦聲明，常量的值就不能改變。
const PI = 3.1415; PI // 3.1415 PI = 3; // TypeError: Assignment to constant variable.
上面代碼代表改變常量的值會報錯
const聲明的變量不得改變值，這意味着，const一旦聲明變量，就必須當即初始化，不能留到之後賦值
const的做用域與let命令相同：只在聲明所在的塊級做用域內有效。
if (true) {
const MAX = 5;
}
MAX // Uncaught ReferenceError: MAX is not defined
6.模板字符串
傳統的JavaScript語言，輸出模板一般是這樣的寫的。
$('#result').append(
'There are <b>' + basket.count + '</b> ' +
'items in your basket, ' +
'<em>' + basket.onSale +
'</em> are on sale!'
);
上面這種寫法至關繁瑣不方便，ES6 引入了模板字符串解決這個問題。
$('#result').append(`
There are <b>${basket.count}</b> items
in your basket, <em>${basket.onSale}</em>
are on sale!
`);
模板字符串（template string）是加強版的字符串，用反引號（`）標識。它能夠看成普通字符串使用，也能夠用來定義多行字符串，或者在字符串中嵌入變量
// 普通字符串
`In JavaScript '\n' is a line-feed.`
// 多行字符串
`In JavaScript this is
not legal.`
console.log(`string text line 1
string text line 2`);
// 字符串中嵌入變量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`
上面代碼中的模板字符串，都是用反引號表示。若是在模板字符串中須要使用反引號，則前面要用反斜槓轉義。
let greeting = `\`Yo\` World!`; # 輸出結果爲：`Yo` World!
若是使用模板字符串表示多行字符串，全部的空格和縮進都會被保留在輸出之中。
$('#list').html(`
<ul>
<li>first</li>
<li>second</li>
</ul>
`);
7.箭頭函數
基本語法：
var f = a = > a
//等同於
var f = function(a){
return a;
}
若是箭頭函數不須要參數或須要多個參數，就使用一個圓括號表明參數部分。
//無形參
var f = () => 5;
// 等同於
var f = function () { return 5 };
//多個形參
var sum = (num1, num2) => num1 + num2;
// 等同於
var sum = function(num1, num2) {
return num1 + num2;
};
箭頭函數有幾個使用注意點。
（1）函數體內的this對象，就是定義時所在的對象，而不是使用時所在的對象。
（2）不可使用arguments對象，該對象在函數體內不存在。若是要用，能夠用 rest 參數代替。
8.對象的單體模式
爲了解決箭頭函數this指向的問題 推出來一種寫法 對象的單體模式
var person = {
name:'小馬哥',
age:12,
fav(){
console.log(this.name,this.age);
}
}
person.fav();
9.面向對象
JavaScript 語言中，生成實例對象的傳統方法是經過構造函數。
function Animal(name,age){
this.name = name;
this.age = age;
}
Animal.prototype.showName = function(){
console.log(this.name);
console.log(this.age);
}
var a = new Animal('小黃',5);
a.showName();
上面這種寫法跟傳統的面嚮對象語言（好比 C++ 和 Java）差別很大，很容易讓新學習這門語言的程序員感到困惑。
ES6 提供了更接近傳統語言的寫法，引入了 Class（類）這個概念，做爲對象的模板。經過class關鍵字，能夠定義類。
基本上，ES6 的class能夠看做只是一個語法糖，它的絕大部分功能，ES5 均可以作到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已。上面的代碼用 ES6 的class改寫，就是下面這樣
class Animal{
// 構造器 當你建立實例以後 constructor()方法會馬上調用 一般這個方法初始化對象的屬性
constructor(name,age){
this.name = name;
this.age = age;
}
showName(){
console.log(this.name);
}
}
var a2 = new Animal('點點',3);
constructor方法
constructor方法是類的默認方法，經過new命令生成對象實例時，自動調用該方法。一個類必須有constructor方法，若是沒有顯式定義，一個空的constructor方法會被默認添加。
class Animal {
}
// 等同於
class Animal {
constructor() {}
}
上面代碼中，定義了一個空的類Point，JavaScript 引擎會自動爲它添加一個空的constructor方法。