JavaScript函數是一種能夠執行特定任務的代碼塊。函數能夠接收一個或多個參數,執行特定的操作后返回一個值或者僅僅執行某個操作而無返回值。 JS函數定義的語法如下:
function functionName(parameters) { //函數體 }
functionName :為函數名,用于調用函數;
parameters :函數參數,傳遞給函數的值;
函數體:是實際執行函數的代碼塊。
例如,下面是一個函數定義的例子:
function greet(name) { console.log("Hello, " + name + "!"); }
上述函數名為greet,接收一個參數name,函數體中使用console.log輸出了一個問候語。
函數調用方式如下:
greet("小明");
執行結果為:"Hello, 小明!"
函數的參數可以是任何類型的值,包括由其他函數返回的值,如:
function sum(a, b) { return a + b; } function addOne(num) { return sum(num, 1); } console.log(addOne(10)); //11
上述示例中,函數sum接收兩個參數,返回參數的和。函數addOne使用sum函數計算傳入參數和1的和,并返回值,接著使用console.log輸出。運行結果為11。
JS函數也可以沒有參數,或者只包含一部分代碼。例如:
function greet() { console.log("Hello!"); }
上述函數不接收參數,直接輸出問候語"Hello!"
JS函數可將另一個函數作為參數。例如,document.addEventListener()函數接收兩個參數,第一個參數為事件的名稱,第二個參數為要執行的函數。
document.addEventListener("click", function() { console.log("Clicked"); });
上述示例中,addEventListener()函數在頁面上監聽點擊事件,當事件發生時,將"Clicked"字符串輸出到控制臺。
此外,函數名也可以存儲在變量中,并可以像調用函數一樣調用它。例如:
var add = function(a, b) { return a + b; } console.log(add(5, 10)); //15
上述代碼中,函數add將存儲在變量中,可以直接調用add函數。
在JS函數中,還可以使用默認參數。當調用函數時沒有傳遞任何參數時,將使用默認參數。例如:
function add(a=0, b=0) { return a + b; } console.log(add()); //0 console.log(add(5)); //5 console.log(add(5, 10));//15
上述代碼中,如果沒有傳遞參數a和b,則這兩個參數將默認為0,并返回結果。
JS函數還可以使用箭頭函數語法進行定義。箭頭函數定義的語法如下:
const add = (a, b) =>{ return a + b; } console.log(add(3, 5)); //8
箭頭函數不需要使用function關鍵字,參數放在圓括號中,箭頭指向函數體。
總之,JS函數是非常靈活的工具。它們能夠以多種方式定義和調用,通過對傳遞給它們的參數執行操作產生不同的結果。