JavaScript的return程序流
原文
简书原文：https://www.jianshu.com/p/cd65a26a5b0c
大纲
1、场景分析
2、代码分析
3、总结分析
1、场景分析
以下有两段代码，这两段代码都可以使用检查输入的字符的大小写的功能，我们可以通过对这两段代码的分析来认识return程序流。
代码一
<html>
<head>
<script>
function checkCarType(charToCheck){
var returnValue = "O";
var charCode = charToCheck.charCodeAt(0);
if (charCode >= "A".charCodeAt(0) && charCode <= "Z".charCodeAt(0)){
returnValue = "U";
}
else if (charCode >= "a".charCodeAt(0) && charCode <= "z".charCodeAt(0)){
returnValue = "L";
}
else if (charCode >= "0".charCodeAt(0) && charCode <= "9".charCodeAt(0)){
returnValue = "N";
}
return returnValue;
}
</script>
</head>
<body>
<script>
var myString = prompt("Enter some text " ,"Hello World");
switch (checkCarType(myString)){
case "U":
document.write("First character was upper case");
break;
case "L":
document.write("First character was lower case");
break;
case "N":
document.write("First character was a number");
break;
default:
document.write("First character was not a character or a number");
}
</script>
</body>
</html>
代码二
function checkCarType(charToCheck){
var returnValue = "O";
var charCode = charToCheck.charCodeAt(0);
if (charCode >= "A".charCodeAt(0) && charCode <= "Z".charCodeAt(0)){
//returnValue = "U";
return "U";
}
else if (charCode >= "a".charCodeAt(0) && charCode <= "z".charCodeAt(0)){
//returnValue = "L";
return "L";
}
else if (charCode >= "0".charCodeAt(0) && charCode <= "9".charCodeAt(0)){
//returnValue = "N";
return "N";
}
//return returnValue;
return "O";
}
2、代码分析
第二段代码能够实现和第一段代码同样的功能，但是我们通常推荐使用第一种形式的代码。为什么我们不采用这种方式呢？这种方式的缺点就是在一个函数中使用了多个return语句，这使得函数的执行流难于跟踪。对于一个较小的函数来说，这可能并不是什么大问题，但对于一个较复杂的函数来说，就可能变成一个棘手的问题。采用第一种方式的代码，在函数结束前只有一个唯一的return语句，我们可以非常准确的知道函数将在这个return语句后结束。而对于第二个版本的函数，它具有4个return语句，因此函数可能在任何一个可达的return语句之后结束。这样，函数将具有4个可能的出口和返回位置。这使得对函数中执行流的判断更加麻烦。
3、总结分析
1、一个return代表着一个出口和返回位置。
2、函数最好的形式是一个入口一个出口，从入口进入，执行流执行完所有东西之后从出口中出去。如果一个函数中含有多个return那么在执行流结束之前，函数的执行流都无法知道函数将在哪个return语句结束，使得执行流难以跟踪。
3、因此，return的语句越少越好，虽然同样都可以解决问题，但是改造之后的函数相对于原函数不确定性，性能等都可能有极大的问题。
