Es6 箭頭函數(shù)

語(yǔ)法：

普通函數(shù)： fn=function(){}

箭頭函數(shù)： fn=()=>{}

特性：?

this是靜態(tài)的，this始終指向函數(shù)聲明時(shí)所在作用域下的this的值（使用call，bind改變指向無效）

不能作為構(gòu)造實(shí)例化對(duì)象

不能使用arguments變量

箭頭函數(shù)簡(jiǎn)寫（ 1，省略小括號(hào)，當(dāng)形參只有一個(gè)的時(shí)候

? ? ? ? ? ? ? ? ? ? ? ? ? 2，省略花括號(hào)，當(dāng)代碼體只有一條語(yǔ)句的時(shí)候，此時(shí)return必須省略

? ? ? ? ? ? ? ? ? ? ? ? ? ? 而且語(yǔ)句的執(zhí)行結(jié)果就是函數(shù)的返回值

）?

//測(cè)試call是否可以改變this指向 function getName(){console.log(this.name) }let getName2=()=>{console.log(this.name) }// 設(shè)置window對(duì)象的this屬性 window.name='小紅花' const school={name: '菊花' }//直接調(diào)用 getName() //結(jié)果為小紅花 getName2() // 結(jié)果為小紅花 因?yàn)槭窃趙indow作用域下//call方法調(diào)用 getName.call(school) getName2.call(school)//再次調(diào)用 getName() // 菊花 getName2() // 小紅花

箭頭函數(shù)適合場(chǎng)景

適合與this無關(guān)的回調(diào)，定時(shí)器，數(shù)組方法的回調(diào)

不適合與this有關(guān)的回調(diào)，事件回調(diào)，對(duì)象的方法

Es6 允許函數(shù)有默認(rèn)值

形參初始值? ? ? 具有默認(rèn)值的參數(shù)，一般位置要靠后（潛規(guī)則）

function add(a,b,c=10){return a+b+c } let result = add(1,2) console.log(result)// 13

與解構(gòu)賦值結(jié)合

function connect({host='127.0.0.1',username,password,port}){console.log(host)console.log(username)console.log(password)console.log(port)} connect({host:baidu.com',username:'xiaohong',password:'123',post:336 })

Es6 rest 參數(shù)

function date(a,...args){console.log(args)//打印結(jié)果['小明','小黃'],可以用數(shù)組方法 } date('小紅','小明','小黃')

Es6? 擴(kuò)展運(yùn)算符

語(yǔ)法：

const tfboys=['小紅','小明','小黃']function aaa(){console.log(arguments) }aaa(...tfboys) // 等價(jià)于aaa('小紅','小明','小黃')

應(yīng)用——數(shù)組

//數(shù)組 // 1 數(shù)組的合并 const num=[1,2] const num1=[4,5] console.log([...num,...num1])//2 淺拷貝 const dj=['E','G','M'] const arr=[...dj] console.log(arr) // ['E','G','M']// 3 將偽數(shù)組轉(zhuǎn)為真的數(shù)組//例如獲取到的元素集合[...偽數(shù)組]

應(yīng)用——對(duì)象

//對(duì)象 //直接對(duì) 對(duì)象使用擴(kuò)展運(yùn)算符會(huì)報(bào)錯(cuò)? let obj = {a:1,b:2}let obj1={...obj} //可以實(shí)現(xiàn)淺拷貝let obj2={...obj,a:3,d:4} //用來合并或修改值console.log(obj1) //{a:3,b:2,d:4}

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的es6 箭头函数 rest参数 扩展运算符的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。