ES6
- ECMAScript es標準的作用 定義js的發(fā)展方向的一套標準猫牡，新的語法哄酝，寫起來更嚴謹更安全更簡便友存。
- 是向下兼容ECMAScript 5.1的
- 2015年6月就已經(jīng)發(fā)布了，但是由于瀏覽器的兼容性陶衅，在前端開發(fā)中屡立，應(yīng)用性并沒有在Hybid APP、nodejs開發(fā)中那么高
- ES6對JavaScript的改變還是很大的搀军，個人感覺如同jdk 1.5之于Java了膨俐，不過一系列的新增語法，也讓一些js開發(fā)朋友褒貶不一罩句，有人說限制了js的簡潔性焚刺，也有人說是對開發(fā)性的一種提高(不過，剛開始上手的話门烂，還是建議ES5開始乳愉，體驗一下js作為腳本語言沒有逐步進化時靈活的魅力)
- 目標：讓JavaScript語言可以用來編寫大型的復雜的應(yīng)用程序,稱為企業(yè)級開發(fā)語言。
為什么前端不用屯远，node要用蔓姚？
-
前端
- 太受瀏覽器的限制（IE Chrome Safari Firefox等等）
-
Node.js
- Node.js代碼是只運行在Chrome v8平臺上，其對ES6的兼容性還是不錯的慨丐，并且只運行在服務(wù)器端坡脐，所以不用考慮其他兼容性
- ES6確實能給我們帶來很多方便
- Node.js 覆蓋了93%的ECMAScript 6
阮一峰es6入門 http://es6.ruanyifeng.com/#README 阮老師這本書很系統(tǒng)，本文中房揭，只會簡單講一些nodejs比較常用的新增語法备闲，有什么不足之處晌端，歡迎指正
嚴格模式： strict mode
消除Javascript語法的一些不合理、不嚴謹之處恬砂，減少一些怪異行為;
- 消除代碼運行的一些不安全之處咧纠，保證代碼運行的安全；
- 提高編譯器效率泻骤，增加運行速度惧盹；
- 為未來新版本的Javascript做好鋪墊。
'use strict' 一旦使用這個瞪讼，就表示必須要摒棄舊語法
保留字：
一旦出現(xiàn)Unexpected strict mode reserved word這樣的錯誤說明你用保留字做了參數(shù)名了。
es6-->implements, interface, let, package, private, protected, public, static, yield
es5-->class, enum, export, extends, import, super
阮一峰 嚴格模式 http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html
塊級作用域
凡是被{}包裹的代碼屬于一個代碼塊粹断，自成一塊作用域
ES6之前符欠，JavaScript是： 詞法作用域 + 函數(shù)作用域 + 變量提升規(guī)則。
ES6：
但凡是let瓶埋、const定義的變量希柿，都增加了塊級作用域的限制(var的不受限制，大括號外還是能訪問到)
但凡是let养筒、const定義的變量都取消了變量提升規(guī)則曾撤，即先訪問，再定義行不通了. "嚴格模式下晕粪，運行會報錯"
ES6里面不建議使用var了挤悉，因為var定義的變量沒有塊級作用域，還會出現(xiàn)變量提升的情況巫湘，這樣經(jīng)常會導致你意想不到的錯誤
- 塊級作用域?qū)瘮?shù)定義的影響
function foo () {
console.log('I am the outside one')
};
(function(){
//因為在ES5中是沒有塊級作用域的装悲，if中的函數(shù)定義，會被提升到這
//function foo() { console.log('I am the inside one') }
if(false){
// 重復聲明一次函數(shù)
function foo() {
console.log('I am the inside one')
}
}
foo(); // 在ES5中運行會得到“Iam inside”, 但是在ES6中運行尚氛，則會得到“Iam outside”
}());
這個特性很容易引起沖突诀诊，因為我們很難判斷我們代碼的運行環(huán)境究竟在哪里，是遵循ES5的法則還是遵循ES6的法則阅嘶。所以當這段代碼運行在nodejs環(huán)境中的時候属瓣，編譯器會選擇直接報錯，而并不像理論上分析得到的結(jié)果那樣讯柔。
我們應(yīng)該盡量規(guī)避上面那種情況抡蛙，使用嚴格模式。在嚴格模式下磷杏，函數(shù)必須定義在頂級作用域溜畅，定義在if，for語句中會直接報錯极祸。
- 塊級作用域?qū)ψ兞慷x的影響（死區(qū)）
let foo = 'foo';
if(true){
console.log(foo);
let foo = 'foo bar';
console.log(foo);
}
下面的代碼在第一次輸出foo的時候會報錯慈格，提示foo沒有定義怠晴，這就是死區(qū)效應(yīng)。
只要塊級作用域內(nèi)存在let命令浴捆，它所聲明的變量就綁定在這個區(qū)域蒜田，不再受外部影響。ES6明確規(guī)定选泻，只要塊級作用域中存在let命令冲粤，則這個塊區(qū)對這些命令聲明的變量從一開始就形成封閉的作用域。只要聲明之前页眯，使用這些變量梯捕，就會報錯。只需要記孜涯臁：在塊級作用域內(nèi)如果使用let聲明了某個變量傀顾，那么這個變量名必須在聲明它的語句后使用，即使塊外部的變量有與之重名的也不行碌奉。從塊開頭到聲明變量的語句中間的部分短曾，稱為這個變量的“暫時性死區(qū)”。
這樣也意味著我們不再能使用typeof關(guān)鍵字檢測某個變量是否被聲明了：
typeof x; // 返回'undefined'赐劣，即使x沒有聲明
typeof x // 與let x =10嫉拐。一起使用則報錯。
let x = 10;
ES6之所以如此設(shè)計魁兼，是為了減少運行時錯誤婉徘，防止變量在聲明前使用。
為了避免死區(qū)咐汞，提供兩種方法：
一判哥、是像java那樣在編寫代碼時里層和外層盡量不重名。
二碉考、是像編寫傳統(tǒng)的js代碼那樣塌计，把變量在塊級作用域頂層進行聲明，雖然let的產(chǎn)生實現(xiàn)了java中聲明變量的效果侯谁，很多人推薦使用就近原則锌仅。
參考鏈接：https://blog.csdn.net/hukaihe/article/details/70142802
let、const
let
- 在for循環(huán)中墙贱，let命令每次定義的作用域都在本次循環(huán)的方法體內(nèi)
let arr = []; for(var i = 0; i <6; i++){ arr.push(function () { console.log(i); i++; //注意這里 }); } arr[0](); arr[0](); arr[1](); //如果上面是var热芹，那么打印的都是6，如果是let惨撇，那么打印結(jié)果是0 1 1 //"證明let是為每個function聲明了一個單獨的相互沒影響的i變量" - 在使用let命令聲明變量時伊脓，一個變量名只能聲明一次，不存在命名沖突魁衙。不能再像var 一樣报腔，同一個作用域內(nèi)定義兩次相同的變量名
- 對全局對象的屬性影響
- 在ES5中株搔，全局對象的屬性和全局變量是等價的。ES6規(guī)定纯蛾，使用var, function聲明的全局變量依舊作為全局變量的屬性存在纤房，而使用let，const翻诉，class聲明的全局變量則不屬于全局變量的屬性炮姨。
- nodejs中有所不同，var let定義的全局變量就是所屬當前文件的碰煌，不使用let var const舒岸，直接定義的才是全局變量global的屬性，詳情見我 Node.js入門(二)：包芦圾、模塊化吁津、Repl環(huán)境及全局對象Global
//瀏覽器中
var foo = 'foo';
let bar = 'bar';
console.log( foo === window.foo ); // =>true
console.log( bar === window.bar );// => false
//Nodejs中
var foo = 'foo';
let bar = 'bar';
string = 'str';
console.log( foo === global.foo ); // => false
console.log( bar === global.bar );// => false
console.log( string === global.string );// => true
const
- 定義常量，不會發(fā)生變化
如定義了常量堕扶，再去修改就會報錯error Assignment to constant variable 不可以給常量賦值 - const定義的常量，作用域與let相同
- 應(yīng)用場景const用來定義靜態(tài)變量,加載模塊的時候梭依，定義個常量稍算，把模塊賦值給常量
注意，使用const聲明對象的時候役拴，只能保證對象的引用地址不被更改糊探，并非此對象不被修改。
const foo = {nickname:'John Doe'}
foo.nickname = 'Jane'; //okay
foo.age = 25; // okay
foo = {nickname:'Kyle Hu'} // 報錯河闰，因為改變了引用關(guān)系
promise
https://cnodejs.org/topic/560dbc826a1ed28204a1e7de
異步流程控制的解決方案
回調(diào)地獄
異步流程--->回調(diào)函數(shù)的嵌套
異步流程控制---->用同步的方式去寫異步的代碼
箭頭函數(shù)
箭頭函數(shù)就是一種語法糖
語法糖是一種語法科平，用這種語法能嘗到甜頭，能是編程高效
當函數(shù)體有一個參數(shù)有返回值的時候
var foo=function(v){ return v;}
var foo=v=>v;
當函數(shù)體沒有參數(shù)有返回值的時候
var foo=function(){ return v;}
var foo=()=>v;
當函數(shù)體有多個參數(shù)有返回值的時候
var foo=function(v1,v2){ return v1+v2;}
var foo=(v1,v2)=>v1+v2;
當函數(shù)體有多個參數(shù)沒有返回值的時候
var foo=function(v1,v2){
console.log(v1); console.log(v2);
}
var foo=(v1,v2)=>{
console.log(v1); console.log(v2);
};
只是簡單介紹了一些比較常接觸的語法姜性，后續(xù)感覺經(jīng)常遇到的瞪慧，再補充說明吧
