函式： 一個被設計為執行特定任務的代碼塊
語法
通過
function關鍵詞定義，后面跟著其函式名稱，然后是一對圓括號，圓括號中可以定義一些函式的引數，沒有名稱的函式呢？
函式名稱可以包含字母、數字、下劃線、中劃線和美元符號（命名規則與變數命名一致），
// 宣告一個函式
function fnName(param1, param2, ... ,paramN) {
// do something
// return what did
}
通過上面的方式，就創建了一個名稱為fnName的函式，至于執行什么特定任務，就看函式體的內容了，比如需要一個把數字乘二的函式，
function doubleNum(num) {
const result = num * 2;
return result;
}
呼叫
呼叫函式是通過（）運算子來實作的
使用函式名可以獲得函式的定義，而使用函式名 + () 則可以獲得函式的執行結果
console.log(doubleNum); // log function doubleNum(num) { const result = num * 2; return result }
console.log(doubleNum(2)); // log 4
除了我們手動通過()運算子呼叫函式，還可以靠瀏覽器來執行，那就是系結DOM事件
函式的屬性
屬性名 屬性值 屬性規則 name 函式名稱 形參 params 定義函式時，在函式名后（）中書寫的字符，也就是定義時的引數集合 實參 arguments 呼叫函式時，在()中書寫的字符，也就是執行時的引數集合 length 0 或 若干 從形參里第一個引數為普通引數時開始計數，直到最后一個普通引數
length屬性的規則有點繞，我們知道函式的引數有三種，第一種是常規引數 function fn(a, b) {},
第二種是默認引數 function fn(a = 1, b = 2) {},
第三種是剩余引數 function fn(a, b, ...rest) {}，
而length的計算，正是從第一個引數為常規引數時開始，到最后一個常規引數，如果第一個引數不是常規引數，length就是0，
function fn1(a, b, c) {}; // 第一個就是常規引數，開始計數，第二個和第三個也是，所以fn1的length為3
function fn2(a = 1, b, c) {}; // 第一個是帶默認值的引數，不計數，后面即使都是常規引數也不會計數了，所以fn2的length為0
function fn3(a, b, ...rest) {}; // 第一個和第二個都是常規引數，計數， 第三個是剩余引數，不計數，所以fn3的length為2
之所以介紹一下length主要是之前看到一個面試題 123['toString'].length + 123 的值是多少，看了上面的介紹現在你會了嗎？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/543573.html
標籤：JavaScript
下一篇：前端開發問題整理