總結 es6的一些語法

2021-09-25 09:54:10 字數 1485 閱讀 3867

一、let關鍵字

1.作用

let與var相同,用於宣告乙個變數,

2.特點

let在塊作用域內有效

不能重複宣告

不會預處理,不存在提公升

3.應用

迴圈遍歷加監聽

二、const 定義常量,不可以去修改

三、變數的解構賦值

let obj=

let =obj

輸出結果koke 30

let arr=[1,3,5,true,'123']

let [,,a,b]=arr

輸出結果 5 true

function foo(=obj

console.log(username,age)

四、模板字串

`我的名字叫$`   必須是反引號

五、物件的簡寫方法

相同的鍵名和鍵值可以進行省略

可以省略函式的:function

六、箭頭函式

當箭頭函式的只有一條語句或者表示式時{}可以省略。

let fun= ()=>console.log("我是箭頭函式")

fun()

例如如果不加上{}的話,會自動返回語句執行的結果或者是表示式的結果。如果帶上{}的話,不會自動進行console

let fun=(x,y)=>x+y

fun(25,36)

或者let fun=(x,y)=>

console.log(fun(25,36))

他們的結果是一樣的,他們是等價的

函式體不止一條語句,只要加上大括號,一定要加return

箭頭函式沒有自己的this,箭頭函式的this不是呼叫的時候決定的,而是在定義的時候決定的

箭頭函式的this看上層函式,如果上層函式有指定的this的話,就是上層函式的this

箭頭函式的this如果沒有上層函式的話,指的就是windows,如果箭頭函式的上層還是乙個箭頭函式,那麼也指向windows

七、三點運算子

...用來取代arguments,但比arguments靈活。因為arguments是偽元素,他不能進行遍歷

三點運算子可以取到陣列裡面的各個值

例如let obj=[1,6]

let obj1=[2,3,4,5]

let obj2=[1,...obj1,6]

輸出來為[1,2,3,4,5,6]

console.log(obj2)

輸出為1 2 3 4 5 6

八、形參預設值

function(x=0,y=0),2000)

console.log('222')

呼叫promise方法

promise會有兩個執行函式的方法

promise

.then((res)=>,err=>{

reject(err)  //失敗執行的方法

reslove函式表示狀態從『未完成』變成『成功』

reject函式表示狀態從『未完成』變成『失敗』

ES6語法總結

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

es6的一些技巧總結 1

1 物件解構 1 刪除不需要的屬性 let console.log c 2 獲取需要的屬性 let a const getattr b1 3 合併物件let a let b let merger 2 set 1 陣列去重 let arr 1,1,2,2,3,3 let afterarr newset...

es6的一些技巧

1,強制要求引數 es6 有預設引數設定機制 允許在入參的括號裡給引數賦予預設值 防止函式在呼叫時沒有傳參 我們知道在js函式在入參的時候是入幾個都可以的 這就給了我們發揮的空間,我們來強制要求引數必須有 否則就報錯 const required const add a required b req...