returnステートメントは会终止函数的执行
マージし返回函数的值
ます。
構文:return expression
省略した場合、つまりreturn; then return undefined
次のreturnステートメントは、関数の実行を終了します。
return;
return true;
return false;
return x;
return x + y / 3;
戻り値の公式定義の後に値を続けることができます。つまり、数値、文字列、オブジェクトなど、jsの任意のデータ型を続けることができます。もちろん、関数を返すこともできます。
最初に次の例を見てください。
<!DOCTYPE html>
<html>
<head>
<title>return测试</title>
</head>
<body>
<a href="#"></a>
<a onclick="fun1()">111</a>
<a onclick="fun2()">222</a>
<a onclick="fun3()">333</a>
<a onclick="fun4()">444</a>
<script type="text/javascript">
function fun1() {
return ;
console.log('111 这个不会执行')
}
function fun2() {
return false
console.log('222 这个不会执行')
}
function fun3() {
return true
console.log('333 这个不会执行')
}
function fun4() {
console.log('444 这个会执行')
}
</script>
</body>
</html>
上記の例を通して、return; return false return trueは、関数内の関数の実行を中断することがわかります。
次に、返される結果を確認し、印刷して、次のようにコードを確認します。
<script type="text/javascript">
function fun1() {
return;
}
function fun2() {
return false
}
function fun3() {
return true
}
console.log(fun1())
// undefined
console.log(fun2())
// false
console.log(fun3())
// true
</script>
返される結果は未定義ですfalsetrue注:(未定義!= false)
戻る
返却については、関数の返却後の内容が実行されなくなったことに注意してください。
function a(){
return 10;
document.write(50);//不执行
}
a();//10
上記の例「return10;」では、このとき関数aの値は10になり、以下の関数aを実行すると10が入力されるため、関数の下のコンテンツは実行されなくなります。
チェック時にもよく使用されます
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>return校验时比较常用</title>
</head>
<body>
<form name="form1">
<input type="text" name="UsName" >用户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
<script language="javascript">
function Login_Click(){
if(document.form1.UsName.value==""){
alert('用户名为空');
return;
}
if(document.form1.UsPwd.value==""){
alert('密码为空');
return;
}
alert('登陆成功');
}
</script>
</body>
</html>
returnを追加しないという現象は、最初にユーザー名を入力しないように求められ、次にパスワードを入力しないように求めるプロンプトを表示します。returnを追加した後、入力されていないかどうかのチェックは続行されません。
falseを返す
一般的に、イベントハンドラーに対してfalseを返します。この機能は、デフォルトのイベント動作を防止し、デフォルトのアクションをキャンセルすることです。
フォームの送信を防ぐためのコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title>return测试</title>
</head>
<body>
<form method="post" onsubmit="return submitFunction()">
<input type="text" name="nameId">
<button type="submit" id="submit">提交</button>
</form>
<script type="text/javascript">
function submitFunction () {
return false;
}
</script>
</body>
</html>
効果は次のとおりです。右側にリクエストがなく、リクエストがブロックされます
。falseを返す;ターミネータと同等であり、trueを返す;エグゼキュータと同等です。
jsでは、falseを返します。フォームの送信を防止したり、次のコードの実行を継続したりするためによく使用されます。これは、実行を防止するためのデフォルトの動作です。
もう一つの例:
function sum(){
if(true){
return false;
}
}
function test(){
sum();
num();
}
sum関数は送信を防ぐためにfalseを返しますが、num関数の実行には影響しません。関数でfalseを返すことは、test()関数の戻り値とまったく同じであり、の実行には影響しません。 test()関数。ご覧のとおり、
falseを返します。現在の関数に対してのみ有効であり、他の関数の実行には影響しません。
总结:
1. retruntrue;正しい処理結果を返します。
2. falseを返します。間違った処理結果を返し、コードが下向きに実行され続けるのを防ぎます。
3.return;コントロールをページに戻します。
4. return; return false; return trueは、関数内のプログラムの実行をブロックします。
5. falseを返すだけで、フォームの送信が妨げられます。