ECMAScript6掃盲筆記 一

2021-09-01 12:20:36 字數 1419 閱讀 9279

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...