溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript中的return怎么使用

發(fā)布時(shí)間：2022-02-07 16:12:51 來(lái)源：億速云 閱讀：158 作者：iii 欄目：web開(kāi)發(fā)

本文小編為大家詳細(xì)介紹“JavaScript中的return怎么使用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“JavaScript中的return怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

JavaScript中return的用法：1、返回函數(shù)值，可以返回包括基本數(shù)據(jù)類型、對(duì)象、函數(shù)等任意類型的值；2、利用不帶返回值的return語(yǔ)句來(lái)隨時(shí)中止函數(shù)的執(zhí)行。

JavaScript中的return怎么使用

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript return 語(yǔ)句在函數(shù)定義中的作用有兩個(gè)：

  • 一是返回函數(shù)值；

  • 二是中止函數(shù)的執(zhí)行。

return 語(yǔ)句可以返回包括基本數(shù)據(jù)類型、對(duì)象、函數(shù)等任意類型的值。每個(gè)函數(shù)都會(huì)返回一個(gè)值。當(dāng)沒(méi)有使用 return 語(yǔ)句，或使用了 return，但其后面沒(méi)有指明返回值時(shí)，函數(shù)都將返回“undefined”值。如果需要返回“undefined”以外的值，必須使用 return，同時(shí)指明返回的值。

函數(shù)一旦執(zhí)行完 return 語(yǔ)句，將會(huì)立即返回函數(shù)值，并中止函數(shù)的執(zhí)行，此時(shí) return 語(yǔ)句后的代碼都不會(huì)被執(zhí)行。根據(jù) return 語(yǔ)句的這一特性，常常會(huì)在需要提前退出函數(shù)的執(zhí)行時(shí)，利用不帶返回值的 return 語(yǔ)句來(lái)隨時(shí)中止函數(shù)的執(zhí)行。

【例 1】return 語(yǔ)句顯式返回函數(shù)值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語(yǔ)句顯式返回函數(shù)值</title>
<script>
   function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));
</script>
</head>
<body>
</body>
</html>

expressionCaculate() 的 return 后面跟著的是一個(gè)表達(dá)式，在函數(shù)執(zhí)行到 return 語(yǔ)句時(shí)會(huì)先計(jì)算表達(dá)式的值，然后返回該值。調(diào)用函數(shù)時(shí)，會(huì)根據(jù)傳給 x 的值，返回不同表達(dá)式的值。

【例 2】return 語(yǔ)句中止函數(shù)的執(zhí)行。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語(yǔ)句中止函數(shù)執(zhí)行</title>
<script>
   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);
</script>
</head>
<body>
</body>
</html>

執(zhí)行 add(7,3) 代碼時(shí)，將調(diào)用 add() 方法，此時(shí)第一個(gè)參數(shù)的值大于第二個(gè)參數(shù)，在控制臺(tái)中輸出“a 大于 b”，然后函數(shù)返回，停止執(zhí)行，從而 return 語(yǔ)句后面的兩條日志都不會(huì)被輸出。運(yùn)行結(jié)果如圖 1 所示。

JavaScript中的return怎么使用
圖 1：return 語(yǔ)句中止函數(shù)執(zhí)行結(jié)果

【例 3】return 語(yǔ)句返回函數(shù)。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語(yǔ)句返回函數(shù)</title>
<script>
   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函數(shù)
            b++;
            console.log("內(nèi)部函數(shù)中b=" + b);
        }
   }
   var func = outerFunc();
   func();
</script>
</head>
<body>
</body>
</html>

因?yàn)?outerFunc() 函數(shù)返回一個(gè)匿名函數(shù)，所以 outerFunc 函數(shù)的調(diào)用表達(dá)式就變?yōu)榱撕瘮?shù)表達(dá)式了，從而可以使用變量 func 來(lái)調(diào)用匿名函數(shù)。運(yùn)行結(jié)果如圖 2 所示。

JavaScript中的return怎么使用
圖 2：調(diào)用 return 語(yǔ)句返回的匿名函數(shù)

讀到這里，這篇“JavaScript中的return怎么使用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手