javascript與es6的區(qū)別：1、JavaScript一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的客戶(hù)端腳本語(yǔ)言，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能，es6是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)；2、es6是JavaScript的語(yǔ)言規(guī)范，JavaScript是es6的一種實(shí)現(xiàn)。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript與es6的區(qū)別是什么

JavaScript是什么

JavaScript一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的客戶(hù)端腳本語(yǔ)言，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能

動(dòng)態(tài)：在運(yùn)行時(shí)確定數(shù)據(jù)類(lèi)型。變量使用之前不需要類(lèi)型聲明，通常變量的類(lèi)型是被賦值的那個(gè)值的類(lèi)型。

弱類(lèi)：計(jì)算時(shí)可以不同類(lèi)型之間對(duì)使用者透明地隱式轉(zhuǎn)換，即使類(lèi)型不正確，也能通過(guò)隱式轉(zhuǎn)換來(lái)得到正確的類(lèi)型。

原型：新對(duì)象繼承對(duì)象（作為模版），將自身的屬性共享給新對(duì)象，模版對(duì)象稱(chēng)為原型。這樣新對(duì)象實(shí)例化后不但可以享有自己創(chuàng)建時(shí)和運(yùn)行時(shí)定義的屬性，而且可以享有原型對(duì)象的屬性。

ES6是什么

ECMAScript 6.0（以下簡(jiǎn)稱(chēng)ES6）是JavaScript語(yǔ)言（現(xiàn)在是遵循ES5標(biāo)準(zhǔn)）的下一代標(biāo)準(zhǔn)，已經(jīng)在2015年6月正式發(fā)布了。它的目標(biāo)，是使得JavaScript語(yǔ)言可以用來(lái)編寫(xiě)復(fù)雜的大型應(yīng)用程序，成為企業(yè)級(jí)開(kāi)發(fā)語(yǔ)言。

ES6的新特性

• ES6中的let命令，聲明變量，用法和var差不多，但是let是為JavaScript新增了塊級(jí)作用域，ES5中是沒(méi)有塊級(jí)作用域的，并且var有變量提升的概念，但是在let中，使用的變量一定要進(jìn)行聲明。

• ES6中變量的解構(gòu)賦值，比如：var [a,b,c] = [0,1,2];

• ES6中不再像ES5一樣使用原型鏈實(shí)現(xiàn)繼承，而是引入Class這個(gè)概念，聽(tīng)起來(lái)和Java中的面向?qū)ο缶幊痰恼Z(yǔ)法有些像，但是二者是不一樣的。

• ES6中的函數(shù)定義也不再使用關(guān)鍵字function，而是利用了=>來(lái)進(jìn)行定義；

• ES6中可以設(shè)置默認(rèn)函數(shù)參數(shù)，如function A（x,y=9）{};

ECMAScript和JavaScript的關(guān)系

由于JavaScript的創(chuàng)造者Netscae公司的版權(quán)問(wèn)題，ECMAScript不能叫Javascript?？傊?，ECMAScript和JavaScript的關(guān)系是，前者是后者的規(guī)格（語(yǔ)言規(guī)范），后者是前者的一種實(shí)現(xiàn)。

擴(kuò)展知識(shí)

ES6特性如下：

1.塊級(jí)作用域 關(guān)鍵字let, 常量const

2.對(duì)象字面量的屬性賦值簡(jiǎn)寫(xiě)（property value shorthand）

var obj = {     // __proto__     __proto__: theProtoObj,     // Shorthand for ‘handler: handler’     handler,     // Method definitions     toString() {     // Super calls     return "d " + super.toString();     },     // Computed (dynamic) property names     [ 'prop_' + (() => 42)() ]: 42 };

3.賦值解構(gòu)

let singer = { first: "Bob", last: "Dylan" }; let { first: f, last: l } = singer; // 相當(dāng)于 f = "Bob", l = "Dylan" let [all, year, month, day] =  /^(dddd)-(dd)-(dd)$/.exec("2015-10-25"); let [x, y] = [1, 2, 3]; // x = 1, y = 2

4.函數(shù)參數(shù) – 默認(rèn)值、參數(shù)打包、 數(shù)組展開(kāi)（Default 、Rest 、Spread）

//Default function findArtist(name='lu', age='26') {     ... } //Rest function f(x, ...y) {   // y is an Array   return x * y.length; } f(3, "hello", true) == 6 //Spread function f(x, y, z) {   return x + y + z; } // Pass each elem of array as argument f(...[1,2,3]) == 6

【