ES6基本語法

2021-10-03 04:22:44 字數 1818 閱讀 5885

學js

箭頭函式

es6中可以使用 => 作為函式表達形式,極簡風格,引數+ => +函式體。

1、不帶引數

function()

//等價於()

=>

2、帶引數
function

(a)//等價於

(a)=>

//乙個引數時可以不寫括號

//等價於

a =>

//如果函式裡只有一條語句,可以省略return和{}

3、帶引數且函式裡只有一條返回語句,可以省略return和{}
function

(a)//等價於

a => a+

1

this

1、箭頭函式中的 this 指的不是window,是物件本身。

2、每個函式物件裡面都有乙個this,但是箭頭函式裡沒有this,所以其this指向至所有箭頭函式物件頂部

3、dom元素屬於乙個物件,但函式呼叫如果是箭頭函式,this指向就不是當前dom

$

("div").

on("click"

,function()

)$("div").

on("click",(

)=>

)

let、const

1、let和const表示區域性定義(推薦大家使用let)

2、const 表示在區域性作用域定義乙個常量,每個作用域不能被修改

3、只能在塊級及其下引用

4、每次乙個函式重新呼叫,屬於乙個新的塊,新的作用域,所以定義const每次呼叫時變化不會報錯

解構賦值

解構賦值是es6中推出的一種高效、簡潔的賦值方法。

相當於造乙個你需要解析的物件或陣列相同樣式的模板,然後具體每乙個零件對應的相應位置的值。

**:

//通常情況下

var first = somearray[0]

;var second = somearray[1]

;var third = somearray[2]

;//解構賦值

let[first, second, third]

= somearray;

//比上面簡潔多了吧

//還有下面例子

let[

,,third]=[

1,2,

3];console.

log(third)

;//3

let[first,

...last]=[

1,2,

3];console.

log(last)

;//[2,3]

//物件解構

let=

;console.

log(name)

;//lisi

console.

log(age)

;//20

let=

;console.

log(ept)

;//undefined

模版字串

反引號`` (位置:鍵盤第二排第乙個按鍵字元 )

裡面可以直接巢狀變臉內容$內容

let name =

"hesilaio"

, time =

"2020.2.23 23:59"

;`my name is

$, now time:$`

第乙個部落格,望給大家有所幫助,謝謝支援!

es6 基本語法

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

es6基本語法

1.es6基本語法 變數的宣告 let 限制作用域 塊 const 常量 唯讀不可更改 const pi 3.14156 console.log pi pi 3.14 console.log pi let a 1 var a for var i 0 i 10 i a 6 輸出10 直接跳轉到最大值 ...

ES6基本語法使用

let 宣告變數 形成塊級作用域 比如if for while 變數宣告不會被提公升 迴圈中解決下標是最後乙個值的問題 const 宣告常量 宣告後賦值 且該值不會被修改 和let一樣是塊級作用域 結構賦值 一 陣列賦值 例子1 左右相同賦值 var a,b,c,d 1,2,3,4 例子2 左右不同...