ES5 和 ES6 的區(qū)別
ECMAScript5,即 ES5,是 ECMAScript 的第五次修訂,于 2009 年完成標(biāo)準(zhǔn)化
ECMAScript6,即 ES6,是 ECMAScript 的第六次修訂,于 2015 年完成,也稱 ES2015
ES6 是繼 ES5 之后的一次改進(jìn),相對于 ES5 更加簡潔,提高了開發(fā)效率.
ES6 的新增方法
1、新增聲明命令 let 和 const
在 ES6 中通常用
let 和 const 來聲明,let 表示變量、const 表示常量
1.1)特點(diǎn)
let 和 const
都是塊級作用域。以{}代碼塊作為作用域范圍 只能在代碼塊里面使用
不存在變量提升,只能先聲明再使用,否則會報錯。在代碼塊內(nèi),在聲明變量之前,
該變量
都是不可用的。這在語法上,稱為“暫時性死區(qū)”
(temporal dead zone,簡稱 TDZ,
在同一個代碼塊內(nèi),不允許重復(fù)聲明
const 聲明的是一個只讀常量,在聲明時就需要賦值。(如果 const 的是一個對象,對
象所包含的值是可以被修改的。抽象一點(diǎn)兒說,就是對象所指向的地址不能改變,而
變量成員 是可以修改的。)
2、模板字符串(Template String)
用一對反引號(`)標(biāo)識,它可以當(dāng)作普通字符串使用,也可以用來定義多行字符串,也可以
在字符串中嵌入變量,js 表達(dá)式或函數(shù),變量、js 表達(dá)式或函數(shù)需要寫在${ }中。
3、函數(shù)的擴(kuò)展
3.1)函數(shù)的默認(rèn)參數(shù)
ES6 為參數(shù)提供了默認(rèn)值。在定義函數(shù)時便初始化了這個參數(shù),以便在參數(shù)沒有被傳遞
進(jìn)去時使用。
3.2)箭頭函數(shù)
在 ES6 中,提供了一種簡潔的函數(shù)寫法,我們稱作“箭頭函數(shù)”。
3.2.1)寫法
函數(shù)名=(形參)=>{……}
當(dāng)函數(shù)體中只有一個表達(dá)式時,{}和 return 可以省
略當(dāng)函數(shù)體中形參只有一個時,()可以省略。
3.2.2)特點(diǎn)
箭頭函數(shù)中的 this 始終指向箭頭函數(shù)定義時的離 this 最近的一個函數(shù),如果沒有最
近的函數(shù)就指向 window。
4、對象的擴(kuò)展
4.1屬性的簡寫
ES6 允許在對象之中,直接寫變量。這時,屬性名為變量名, 屬性值為變量 的值。
?
?文章來源地址http://www.zghlxwxcb.cn/news/detail-793702.html
var foo = 'bar';
var baz = {foo};
//等同于 var baz = {foo: foo}; 方法的簡寫。省略冒號與 function 關(guān)鍵字。
var o = { method() { return "Hello!"; } };
// 等同于
var o = { method: function() { return "Hello!"; } };
文章來源:http://www.zghlxwxcb.cn/news/detail-793702.html
到了這里,關(guān)于es5和es6的區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!