es6語法補充

2021-10-23 13:45:50 字數 1438 閱讀 5710

es6語法補充

1.let關鍵字

var沒有變數提公升 let變數的宣告,會提公升到當前作用域的頂端

console.

log(city)

let city =

"北京"

//列印:北京

console.

log(city)

var city =

"北京"

//列印:undefined

2.模板字串

使用包裹文字(1的左邊那個鍵)

在需要替換的位置使用${}佔位,並填入內容即可

let name =

'花姐'

let food =

'西藍花'

let city =

'深圳'

let temstr =

`我的名字是:

$我喜歡的東西是:

$我所在的城市是:$`

console.

log(temstr)

//'我的名字是:花姐我喜歡的東西是:西藍花 我所在的城市是:深圳'

3.物件簡化賦值

//如果屬性名和變數名相同,可以簡寫

let name =

"小黑"

let city =

"深圳"

//方法可以省略function關鍵字

let person =

sayhello()

}console.

log(person)

person.

sayhello

()

4.箭頭函式

function省略掉,替換為 =>

引數只有乙個時,可以省略()

函式體只有一行時,可以省略

函式體只有一行時,並且有返回值時,如果省略了,必須省略return

5.箭頭函式的this

建立時this是誰,執行時候this就是誰

let person =

}person.

sayhi()

//this指向當前person物件

//輸出

let person =

,100)}

}//settimeout雖然是直接呼叫的,等同於呼叫window.settimeout

//列印 window物件

let person =

}//建立時this是誰,執行時候this就是誰

6.擴充套件運算子…

math.min()中不可以直接放陣列,引入擴充套件運算子相當於把[100,30,50,80]變成(100,30,50,80)

ES6 實用總結 補充

1 const宣告的常量只在當前 塊有效,對於一些定義引數,我們可以單獨出來,在其餘模組進行引用 2 字串操作 a 遍歷 b 字串的判定 c 模板字串 3 數字的轉化 4 陣列的擴充套件 a array.form 將兩類物件轉化為真正的陣列 類似陣列的物件以及可遍歷的物件,包含 es6的set以及m...

es6 基本語法

es6規定暫時性死區和let const語句不出現變數提公升,主要是為了減少執行時錯誤,防止在變數宣告前就使用這個變數,從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的,現在有了這種規定,避免此類錯誤就很容易了。總之,暫時性死區的本質就是,只要一進入當前作用域,所要使用的變數就已經存在了,但...

ES6語法總結

1 物件的寫法 es5中物件 es6中物件 注意這種寫法的屬性名稱和值變數是同乙個名稱才可以簡寫,否則要想es5那樣的寫法,例如 2 在物件中的方法的寫法 es5中物件 substrict function es6中物件 substrict 3 物件的匯出寫法 es5兩種形式 1 module.ex...