es6和es5的區(qū)別:1、es6新增了箭頭函數(shù),es5沒有;2、ES6中新增了塊級作用域,es5沒有;3、ES6引入Class概念,不再像ES5一樣使用原型鏈實現(xiàn)繼承;4、ES6中可以設置默認函數(shù)參數(shù)等等。
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 5&&ECMAScript 6版、Dell G3電腦。
ES6與ES5相比,新增了很多東西,如:
一、新增箭頭函數(shù)
箭頭函數(shù)解決的問題
-
簡化了寫法。箭頭函數(shù)適用于函數(shù)體只有一行的情況;當有多行時,可用普通函數(shù)增加可讀性。 少打代碼,結(jié)構(gòu)清晰
-
明確了this。傳統(tǒng)JS的this是在運行的時候確定的,而不是在定義的時候確定的;而箭頭函數(shù)的this是在定義時就確定的,不能被改變,也不能被call,apply,bind這些方法修改。 明確運行時候this指向誰,不用運行時判斷this指向
注:箭頭函數(shù)沒有自己的this,他的this就是外層的this,指向上一個不是箭頭函數(shù)的函數(shù)的this。因為js的機制,所以指向的是一個非箭頭函數(shù)的函數(shù)的作用域。
箭頭函數(shù)與普通函數(shù)的區(qū)別
-
普通function的聲明在變量提升中是最高的,箭頭函數(shù)沒有函數(shù)提升
-
箭頭函數(shù)沒有this,函數(shù)體內(nèi)部的this對象就是定義的時候所在的對象而不是使用時所在的對象
-
箭頭函數(shù)沒有arguments對象,該對象在函數(shù)體內(nèi)不存在,如果要用,可以使用rest參數(shù)
-
箭頭函數(shù)不能作為構(gòu)造函數(shù),不能被new,沒有property
-
call和apply方法只有參數(shù),沒有作用域
-
不可以使用yield命令,因此箭頭函數(shù)不能做Generator函數(shù)
二、塊級作用域
-
ES6中的let命令,聲明變量,用法和var差不多,但是let是為JavaScript新增了塊級作用域,ES5中是沒有塊級作用域的,并且var有變量提升的概念,但是在let中,使用的變量一定要進行聲明;const聲明常量
-
ES6中變量的結(jié)構(gòu)賦值,比如:var [a,b,c] = [0,1,2];
三、類繼承
ES6中不再像ES5一樣使用原型鏈實現(xiàn)繼承,而是引入Class這個概念,聽起來和Java中的面向?qū)ο缶幊痰恼Z法有些像,但是二者是不一樣的。
四、設置默認函數(shù)參數(shù)
ES6中可以設置默認函數(shù)參數(shù),如function A(x,y=9){};
五、promise
promise產(chǎn)生背景:解決回調(diào)地獄問題,處理異步請求
promise用法:鏈式調(diào)用,成功和失敗的回調(diào),三個狀態(tài),pending狀態(tài)改變時觸發(fā)。狀態(tài)一旦改變就不會再變。
六、模板字符串
七、賦值結(jié)構(gòu)
【推薦學習:javascript高級教程】