JavaScript的箭頭函數(shù)語法介紹

為什么會(huì)出現(xiàn)箭頭函數(shù)？

1.傳統(tǒng)的javascript函數(shù)語法并沒有提供任何的靈活性，每一次你需要定義一個(gè)函數(shù)時(shí)，你都必須輸入function () {},這至少會(huì)出現(xiàn)兩個(gè)問題，ES6箭頭函數(shù)都圓滿解決了它。

JavaScript 箭頭函數(shù)大致相當(dāng)于 python 中的 lambda 函數(shù) 或 Ruby 中的 blocks。

這些是匿名函數(shù)，它們有自己的特殊語法，接受一定數(shù)量的參數(shù)，并在其封閉的作用域的上下文（即定義它們的函數(shù)或其他代碼）中操作。                          

JavaScript箭頭函數(shù)語法

1.沒有參數(shù)時(shí)

var demo = function（）{
}

相當(dāng)于：

var demo = () => {
}

2.只有一個(gè)參數(shù)時(shí)

var demo = function（a）{
return a;
}

相當(dāng)于：

var demo = a => a

3.多個(gè)參數(shù)需要用到小括號(hào)，參數(shù)間逗號(hào)間隔

var demo = function（a,b）{
return a+b;
}

相當(dāng)于：

var demo = (a,b) => a+b

4 . 函數(shù)體多條語句需要用到大括號(hào)

var demo = function（a,b）{if(a>b){
    return a-b;} else{
    return b-a;
  }}

相當(dāng)于：

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}

5 . 返回對(duì)象時(shí)需要用小括號(hào)包起來，因?yàn)榇罄ㄌ?hào)被占用解釋為代碼塊了

var demo = (name,age) =>{return ({    name: name,    age: age   })}

6 .作為數(shù)組排序回調(diào)

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})

注意：

箭頭函數(shù)的確與傳統(tǒng)函數(shù)有不同之處，但仍存在共同的特點(diǎn)。
例如：
1.對(duì)箭頭函數(shù)進(jìn)行typeof操作會(huì)返回“function”。
2.箭頭函數(shù)仍是Function的實(shí)例，故而instanceof的執(zhí)行方式與傳統(tǒng)函數(shù)一致。
3.call/apply/bind方法仍適用于箭頭函數(shù)，但就算調(diào)用這些方法擴(kuò)充當(dāng)前作用域，this也依舊不會(huì)變化。
4.箭頭函數(shù)與傳統(tǒng)函數(shù)最大的不同之處在，禁用new操作

以上就是薈萃JavaScript箭頭函數(shù)語法小結(jié)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注億速云其它相關(guān)文章！