這篇文章主要介紹“es6箭頭函數(shù)的概念是什么”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“es6箭頭函數(shù)的概念是什么”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),蓮都企業(yè)網(wǎng)站建設(shè),蓮都品牌網(wǎng)站建設(shè),網(wǎng)站定制,蓮都網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,蓮都網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

在es6中，箭頭函數(shù)是一種使用“=>”定義函數(shù)的新語法；箭頭函數(shù)的函數(shù)體內(nèi)的this指向始終是指向定義它所在的對象，而不會指向調(diào)用它的對象，并且不可以改變this的改變，語法為“l(fā)et fun=(參數(shù)) => {函數(shù)體};”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6箭頭函數(shù)是什么意思

在ES6中，箭頭函數(shù)是其中最有趣的新增特性。顧名思義，箭頭函數(shù)是一種使用箭頭（=>）定義函數(shù)的新語法，但是它與傳統(tǒng)的JavaScript函數(shù)有些許不同，主要集中在以下方面：

• 沒有this、super、arguments和new.target綁定，其值由外圍最近一層非箭頭函數(shù)決定

• 不能通過new關(guān)鍵字調(diào)用

• 沒有原型

• 不可以改變this的綁定

• 不支持arguments對象

• 不支持重復(fù)的命名參數(shù)

函數(shù)體內(nèi)的this的指向始終是指向定義它所在的對象，而不會指向調(diào)用它的對象，我們知道es5中的函數(shù)是誰執(zhí)行它，它就指向誰。

如下：

var f = v = > v;
//等同于
var f = function(v){
      return v;
}
var sum = (num1,num2) => num1+num2 ;
//等同于
var sum = function(num1,num2){
      return num1+num2
}
[1,2,3].map(function (x) {
      return x * x;
});
// 箭頭函數(shù)寫法
[1,2,3].map(x => x * x);//簡潔了許多

從例子我們可以看出，省略了function，花括號‘{}’用‘=>’代替了。這種寫法更簡潔了。

示例如下;

//1、參數(shù)默認值 位置在所有形參的后面
    //es6之前的采取的默認值只能變相采取
    function test(a,b) {
        a=a||2;
        b=b||2;
        return a*b
    }
    console.log(test());
//但是這個有弊端  當(dāng)我們傳遞的值為0的時候，還是會走默認值。改造之后
    function test1(a,b) {
        a=typeof a==="undefined"?2:a;
        b=typeof b==="undefined"?2:b;
        return a*b
    }
    console.log(test1(0,0))
//    es6為我們提供了默認值
//    語法糖：  function(a,b=2){}
     let test2=(a=2,b=2) =>{
        return a*b
    };
    console.log(test2());

輸出結(jié)果：

關(guān)于“es6箭頭函數(shù)的概念是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。