筆記 JavaScript 工程師養成直播班 第四堂

1.函式(function)宣告方式及用法

//函式屬於物件型別
//程式碼重複使用
function 函式名稱(參數){
	//要執行的程式碼
}
函式名稱(參數);

2.執行順序

happy();
holiday();
先執行happy()程式碼法，後再執行holiday()內程式碼

3.函式包函式順序

        function first() {
            console.log('first');
            third();
        };
        function second() {
            console.log('second');
        };
        function third() {
            console.log('third');
        };

        first();
        second();
        third();

        //  first
        //  third
        //  second
        //  third

4.函式帶入參數，只會在大括號裡面使用，執行完就消失

        function callNum(num) {
            console.log(`呼叫${num}號`)
        }
        callNum(5); // 呼叫5號
        console.log(`呼叫${num}號`); // num is not defined

5.函式可帶入多個參數

        function addNum(num1, num2) {
            console.log(num1 + num2);//3
        }
        addNum(1, 2);

6.return可回傳值

        function addNum(num1, num2) {
            return num1 + num2; 
        }
        const result = addNum(1, 2);
        console.log(result);//3

7.return 會中斷函式

        function addNum(num1, num2) {
            console.log(1);//1
            return num1 + num2;
            console.log(2);//沒跑
        }
        const result = addNum(1, 2);
        console.log(result);//3

8.return 多個值，回傳array或物件

        function addNum(num1, num2) {
            return [num1 , num2];
        }
        const result = addNum(1, 2);
        console.log(result); //[1,2]

9.函式種類

        console.log(numA(3));
        //函式陳述式(不管放在哪裡都可以執行)
        function numA(x) {
            return x * x;
        }

        //函式表達式
        //console.log(numB(3)); //變數numB賦值前就使用，無法讀取該變數
        const numB = function (x) {
            return x * x;
        }
        console.log(numB(3)); //必須在賦值後才能使用

        //箭頭函式       
        //函式表達式(function (x))、箭頭函式((x) =>)一樣的
        const numC = (x) => {
            return x * x;
        }
        console.log(numC(3));

        //箭頭函式更精簡寫法
        //必須有retrun，大括號及return可不寫
        //只有一個參數時可省略(x)=>變成x =>
        //如果沒有參數時寫()=>
        const numD = (x) => x * x;
        console.log(numD(3));

參考資料
六角學院直播課