D10_函式

• 函式的基本結構

function abc(n) {
    return n * 2
}

console.log(abc(2))

結果應該會顯示 4

---------

function 函式名稱abc（參數1, 參數2, 參數3）{
    return 這裡是回傳值
}

console.log(這裡放函式)   -> 呼叫你的函式

• 函式裡面可以有...

  • 物件：要特別注意排版，return 後面要接東西

    function abc(n){
      return {
          obj: n *2
      }
    }
    
    console.log(abc(10))
    
    結果會顯示：{ obj: 20 }
    

  • 產生一個 1 到 n 的陣列

    function generateArray(n) {
      var result = []
      for (i = 1 ; i <= n ; i++) {
          result.push(i)
      }
    return result
    }
    
    console.log(generateArray(3))
    結果會顯示：[ 1, 2, 3 ]
    

• 函式無所不在，可以指定一個變數為函式；函式可以存在 console.log (在這)裡面；函式可以沒有名稱，變數就是他的名字（匿名函式 anonymous function）; 函式裡面也可以包另一個函式（有種大腸包小腸的錯覺），好像 google extension 一樣

• 引數 Arguments 是一個類似陣列的物件

• JS 裡面的內建函式（懶人包）：

  • 數字相關的內建函式：無條件捨去、無條件進位、取隨機數、數字轉字串、字串轉數字、開根號、取最大最小值

    • 參考資料1
    • 參考資料2

  • 字串相關的內建函式：toLowerCase, toUpperCase, ASCII Code

    • 參考資料3
    • ASCII Code

  • 陣列相關的內建函式：join 相接、map 後接函式、filter 篩選、slice 從某個地方開始切、splice 插入元素或刪除元素、sort 排序

    • 參考資料4

• 新手常犯的錯誤：return vs console.log

• Immutable: 跟之前的那個記憶體位置有關