javascript中function指的是什么

這篇文章主要介紹了javascript中function指的是什么，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在javascript中，function指的是“函數”，是一組執行特定任務（具有特定功能）的，可以重復使用的代碼塊；函數并不會自動運行，需要通過函數名調用才能運行。函數可以存儲在變量、對象、數組中，還可作為參數傳遞給其它函數。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

JS 函數（Function）是一組執行特定任務（具有特定功能）的，可以重復使用的代碼塊；函數并不會自動運行，需要通過函數名調用才能運行。

函數還可以存儲在變量、對象、數組中，而且函數還可以作為參數傳遞給其它函數，或則從其它函數返回。

在javascript中，除了使用內置函數外，我們也可以自行創建函數（自定義函數），然后在需要的地方調用這個函數，這樣不僅可以避免編寫重復的代碼，還有利于代碼的后期維護。

JS 定義函數

JS 函數聲明需要以 function 關鍵字開頭，之后為要創建的函數名稱，function 關鍵字與函數名稱之間使用空格分開，函數名之后為一個括號( )，括號中用來定義函數中要使用的參數（多個參數之間使用逗號,分隔開），一個函數最多可以有 255 個參數，最后為一個花括號{ }，花括號中用來定義函數的函數體（即實現函數的代碼），如下所示：

function functionName(parameter_list) {
    // 函數中的代碼
}

示例代碼如下：

function sayHello(name){
    document.write("Hello " + name);
}

上面示例中定義了一個函數 sayHello()，該函數需要接收一個參數 name，調用該函數會在頁面中輸出“Hello ...”。

JS 調用函數

一旦定義好了一個函數，我們就可以在當前文檔的任意位置來調用它。調用函數非常簡單，只需要函數名后面加上一個括號即可，例如 alert()、write()。注意，如果在定義函數時函數名后面的括號中指定了參數，那么在調用函數時也需要在括號中提供對應的參數。

示例代碼如下：

function sayHello(name){
    document.write("Hello " + name);
}
// 調用 sayHello() 函數
sayHello('億速云');

提示：JavaScript 對于大小寫敏感，所以在定義函數時 function 關鍵字一定要使用小寫，而且調用函數時必須使用與聲明時相同的大小寫來調用函數。

參數的默認值

在定義函數時，您可以為函數的參數設置一個默認值，這樣當我們在調用這個函數時，如果沒有提供參數，就會使用這個默認值作為參數值，如下例所示：

function sayHello(name = "World"){
    document.write("Hello " + name);
}
sayHello();                 // 輸出：Hello World
sayHello('億速云');     // 輸出：Hello 億速云

JS 函數返回值

在函數中可以使用 return 語句將一個值（函數的運行結果）返回給調用函數的程序，這個值可以是任何類型，例如數組、對象、字符串等。對于有返回值的函數，我們可以會使用一個變量來接收這個函數的返回值，示例代碼如下：

function getSum(num1, num2){
    return num1 + num2;
}
var sum1 = getSum(7, 12);      // 函數返回值為：19
var sum2 = getSum(-5, 33);     // 函數返回值為：28

提示：return 語句通常在函數的末尾定義，當函數運行到 return 語句時會立即停止運行，并返回到調用函數的地方繼續執行。

另外，一個函數只能有一個返回值，若要返回多個值則，則可以將值放入一個數組中，然后返回這個數組即可，如下例所示：

function division(dividend, divisor){
    var quotient = dividend / divisor;
    var arr = [dividend, divisor, quotient]
    return arr;
}
var res = division(100, 4)
document.write(res[0]);         // 輸出：100
document.write(res[1]);         // 輸出：4
document.write(res[2]);         // 輸出：25

JS 函數表達式

函數表達式與聲明變量非常相似，是另外一種聲明函數的形式，語法格式如下：

var myfunction = function name(parameter_list){
    // 函數中的代碼
};

參數說明如下：

• myfunction：變量名，可以通過它來調用等號之后的函數；

• name：函數名，可以省略（一般情況下我們也會將其省略），如果省略那么該函數就會成為一個匿名函數；

• parameter_list：為參數列表，一個函數最多可以有 255 個參數。

示例代碼如下：

// 函數聲明
function getSum(num1, num2) {
    var total = num1 + num2;
    return total;
}
// 函數表達式
var getSum = function(num1, num2) {
    var total = num1 + num2;
    return total;
};

上面示例中的兩個函數是等價的，它們的功能、返回值、調用方法都是相同的。

注意：在函數聲明中，不需要在右花括號后放置分號，但若使用函數表達式就應該在表達式的最后以分號結尾。

函數聲明和函數表達式雖然看起來非常相似，但它們的運行方式是不同的，如下例所示：

declaration();          // 輸出: function declaration
function declaration() {
    document.write("function declaration");
}
expression();           // 報錯：Uncaught TypeError: undefined is not a function
var expression = function() {
    document.write("function expression");
};

如上例所示，如果函數表達式在定義之前被調用，會拋出異常（報錯），但函數聲明則可以成功運行。這是因為在程序執行前，JavaScript 會先對函數聲明進行解析，因此無論是在函數聲明前還是聲明后調用函數都是可行的。而函數表達式則是將一個匿名函數賦值給一個變量，所以在程序還沒有執行到該表達式之前，相當于函數還未定義，因此無法調用。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript中function指的是什么”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!