ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript スキルにおける return ステートメントの簡単な紹介
JavaScript_javascript スキルにおける return ステートメントの簡単な紹介
- WBOYオリジナル
- 2016-05-16 15:27:261259ブラウズ
return ステートメントは、関数の値を返すという機能だけでなく、いくつかの特別な使い方もある js では非常に重要です。return ステートメントの機能を例とともに簡単に紹介します。
1. コントロールと関数の結果を返すために使用されます:
通常、関数には return ステートメントが必要です。これは、関数が一連のコードの実行後に期待される戻り値を取得することが必要になることが多く、この値が return ステートメントを通じて返され、制御が返されるためです。呼び出し関数。
文法形式:
式を返す
コード例は次のとおりです:
function add(){
var a=1;
var b=2;
return a+b;
}
function func(){
console.log(add())
}
func();
上記のコードでは、func()関数を呼び出すとfunc関数に制御が保持され、再度add関数を呼び出すと制御がadd関数に渡されて値が返されます。そして制御は関数に渡されます。
通常、return の後には式が続きますが、これは絶対的なものではありません。たとえば、
戻る;
この場合、制御は呼び出し元の関数に渡されて実行が継続されます。
詳細説明:
return ステートメントの通常の適用に関して特別なことは何もありません。最も重要なことは、return false の使用です。イベント ハンドラー関数は false を返し、デフォルト イベントの発生を防ぎます。
コード例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript">
window.onload=function(){
var olink=document.getElementById("thelink");
olink.onclick=function(){
return false
}
}
</script>
</head>
<body>
<a href="http://www.jb51.net" id="thelink">脚本之家</a>
</body>
</html>
リンクをクリックすると、onclick イベントが発生します。そのデフォルトのアクションは、href 属性で指定されたリンクをポイントすることです。ただし、イベント ハンドラーが return false を使用する場合、デフォルトのイベントは発生しません。
Return false はイベントのバブリングを防ぐこともできます。詳細については、JavaScript における return false の役割とは何ですか? の章を参照してください。
上記では、具体的な例を通して JavaScript の return ステートメントを紹介しました。気に入っていただければ幸いです。