1. 程式人生 > 其它 >JavaScript之ES6箭頭函式講解

JavaScript之ES6箭頭函式講解

技術標籤:JSjavascript

ES6箭頭函式的定義方式:
() => {}
其中小括號用於放置形參,{}裡面放的是函式體.
我們通常用一個常量來給箭頭函式命名:
const fn = () => {}

        const alert1 = () => {
            alert(1);
        }
        alert1();

這裡定義了一個名為alert1的函式,它的功能是彈出1.

顯示結果:
在這裡插入圖片描述
! 如果函式函式體只有一句程式碼而且程式碼的執行結果就是其返回值,則可以省略返回值.

        const sum = (num1,
num2) => { return num1 + num2; }

等同於:

  const sum2 = (num1, num2) => num1 + num2;

! 如果函式只有一個形參,則可以省略小括號

        const returnX = (x) => {
            return x;
        }

等同於:

const returnX = x => x;

謝謝觀看, 一起進步鴨