JavaScript函數(shù)返回值和return語(yǔ)句實(shí)例分析

本篇內(nèi)容主要講解“JavaScript函數(shù)返回值和return語(yǔ)句實(shí)例分析”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“JavaScript函數(shù)返回值和return語(yǔ)句實(shí)例分析”吧!

函數(shù)是一個(gè)功能集合體，可以實(shí)現(xiàn)某些特定的功能或運(yùn)算。函數(shù)運(yùn)行之后的結(jié)果保留在函數(shù)內(nèi)部是沒(méi)有任何意義的，所以我們需要將函數(shù)的運(yùn)算結(jié)果返回到調(diào)用函數(shù)的地方。

在函數(shù)體內(nèi)，使用 return 語(yǔ)句可以設(shè)置函數(shù)的返回值；return 語(yǔ)句通常在函數(shù)的末尾定義。語(yǔ)法格式：

return 返回值;

其中，“返回值”為一個(gè)可選參數(shù)，可以是一個(gè)具體的值或者表達(dá)式，也可以為空?！胺祷刂怠迸c return 關(guān)鍵字之間需要使用空格分隔。

JavaScript 是一種弱類(lèi)型語(yǔ)言，所以函數(shù)對(duì)接收和輸出的值都沒(méi)有類(lèi)型限制，JavaScript 也不會(huì)自動(dòng)檢測(cè)輸入和輸出值的類(lèi)型。因此，返回值（表達(dá)式結(jié)果）可以是任何類(lèi)型，例如數(shù)組、對(duì)象、字符串等。

• 對(duì)于有返回值的函數(shù)，我們可以會(huì)使用一個(gè)變量來(lái)接收這個(gè)函數(shù)的返回值，示例代碼如下：

//聲明一個(gè)帶返回值的函數(shù)
function getSum(num1, num2){
        //函數(shù)體
    return num1 + num2;
}
//可以通過(guò)變量來(lái)接收這個(gè)返回值
var sum1 = getSum(7, 12);      // 函數(shù)返回值為：19
var sum2 = getSum(-5, 33);     // 函數(shù)返回值為：28

• 如果函數(shù)不包含 return 語(yǔ)句，則執(zhí)行完函數(shù)體內(nèi)每條語(yǔ)句后，返回 undefined 值。

• 在函數(shù)中，一旦執(zhí)行完成“return”語(yǔ)句，那么整個(gè)函數(shù)就結(jié)束了，后續(xù)語(yǔ)句將不再執(zhí)行；然后運(yùn)算和返回 return 后面的表達(dá)式的值。
  

• “return”之后的值只能有一個(gè)。如果嘗試返回多個(gè)值，那得到的結(jié)果始終是最后一個(gè)值
  

return 語(yǔ)句只能返回一個(gè)參數(shù)，即只能返回一個(gè)值，不能一次返回多個(gè)值。如果要返回多個(gè)值的話(huà)，就需要在函數(shù)中定義一個(gè)數(shù)組，將返回值存儲(chǔ)在數(shù)組中返回。

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

在上面代碼中，函數(shù)返回值為數(shù)組，該數(shù)組包含 3 個(gè)元素，從而實(shí)現(xiàn)使用一個(gè) return 語(yǔ)句，返回多個(gè)值得目的。

• 在函數(shù)體內(nèi)可以包含多條 return 語(yǔ)句，但是僅能執(zhí)行一條 return 語(yǔ)句，因此在函數(shù)體內(nèi)可以使用分支結(jié)構(gòu)決定函數(shù)返回值，或者使用 return 語(yǔ)句提前終止函數(shù)運(yùn)行。

function f(x,y) {
    //如果參數(shù)為非數(shù)字類(lèi)型，則終止函數(shù)執(zhí)行
    if (typeof x != "number" || typeof y != "number") return;
    //根據(jù)條件返回值
    if (x > y) return x - y;
    if (x < y) return y - x;
    if (x * y <= 0) return x + y;
}
console.log(f(1,6));
console.log(f(4,2));
console.log(f(0,0));

到此，相信大家對(duì)“JavaScript函數(shù)返回值和return語(yǔ)句實(shí)例分析”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！