ecma組織推出的ecmascript是乙個標準(協議),js是協議的實現。 ecmascript簡稱ecma或es。目前使用最多的是es5.1,es6正式推出是在2023年。就醬~。 es6(es2015)相容性:
es6(es2015) 支援 :ie10+、chrome、firefox、移動端、nodejs。
和提前編譯(也會耗費編譯時間,因此,對於小白來說,不支援的東西就先不用了)。
提前編譯es6規則的js需要在html引入script和type,eg:
var宣告變數的弊端
同乙個變數名可以重複宣告(var a=5;var a=13;)。
無法限制修改(沒有常量)。
沒有塊級作用域(塊級作用域,例如在for迴圈中,for(int i=0;i<3;i++),定義的迴圈變數i,只在for塊中有效。)。
es6新變數:
let:定義變數;同名變數不能重複宣告;塊級作用域;
const:定義常量;同名變數不能重複宣告;塊級作用域;
塊級作用域的作用 eg:
(1). 箭頭函式(只有乙個引數,則可以省略();若只有乙個return,則可以省略{}。只是一種簡寫而已)
eg1:(function()可以被箭頭()=>代替)
eg2:(省略了{}和return,由於兩個引數,因此()不能省略。)
eg3:(有且只和有乙個引數和乙個return的情況)
(2). 函式引數預設引數。在es6規則中,定義的函式,其引數可以直接用「等號」賦予值,當該函式未接收到引數時,仍有預設值。eg:
接收不定個數的引數。es6規則可以使函式接收引數時,使用...yournames接收多個引數。eg:
簡化陣列表示方式。在es6中,...args的形式即可表示陣列的所有元素。eg:
ECMAScript 6入門類繼承筆記
看類繼承前,先回顧建構函式怎麼實現物件的繼承的 function f function son function inherit s,f inherit son,f let son new son 它實現了哪幾個功能 用來extends和super關鍵字,看乙個簡單的繼承 class a class...
EcmaScript 6 箭頭函式
es5 var total values.reduce function a,b 0 es6 var total values.reduce a,b a b,0 箭頭即乙個函式的簡化 es5 confetti btn click function event es6 confetti btn cli...
讀 ECMAScript 6 筆記 一
let 和 const 1.es6 新增了let命令,用來宣告變數。它的用法類似於var,但是所宣告的變數,只在let命令所在的 塊內有效。2.let不允許在相同作用域內,重複宣告同乙個變數。1.場景一 塊級作用域內 es5 只有全域性作用域和函式作用域,沒有塊級作用域,這帶來很多不合理的場景。用l...