数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究JavaScript switch 语句中可以有 return 语句吗？
如果 JavaScript switch 语句出现在函数内部，则它可以包含 return 语句。该函数将 return switch 语句中的值，并且不会执行 switch 语句之后的代码。
以下是 JavaScript switch 语句中包含 return 语句的代码 −
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Return statement in JavaScript switch</h1>
Enter day 1-7<input type="text" class="day" /><button class="Btn">
CHECK
</button>
<div style="color: green;" class="result"></div>
<h3>
Click on the above button to check which day it is
</h3>
<script>
let dayVal = document.querySelector(".day");
let resEle = document.querySelector(".result");
function returnDay(val) {
switch (val) {
case 1:
return "It's monday";
case 2:
return "It's tuesday";
case 3:
return "It's wednesday";
case 4:
return "It's thursday";
case 5:
return "It's friday";
case 6:
return "It's saturday";
case 7:
return "It's sunday";
default:
return "Enter a value between 1 - 7";
}
}
document.querySelector(".Btn").addEventListener("click", () => {
resEle.innerHTML = returnDay(parseInt(dayVal.value));
});
</script>
</body>
</html>输出
以上代码将产生以下输出 −
输入 1-7 之间的数字并单击 CHECK −
更新时间： 17-Jul-2020
20K+ views
广告