函數: 一個被設計為執行特定任務的代碼塊 語法 通過function 關鍵詞定義,後面跟著其函數名稱,然後是一對圓括弧,圓括弧中可以定義一些函數的參數。沒有名稱的函數呢? 函數名稱可以包含字母、數字、下劃線、中劃線和美元符號(命名規則與變數命名一致)。 // 聲明一個函數 function fnNa ...
函數: 一個被設計為執行特定任務的代碼塊
語法
通過
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 的值是多少
,看了上面的介紹現在你會了嗎?