ホームページ > 記事 > ウェブフロントエンド > javascript_javascript スキルの return ステートメントに関する簡単な説明
javascript_javascript スキルの return ステートメントに関する簡単な説明
- WBOYオリジナル
- 2016-05-16 15:50:211013ブラウズ
JS では return ステートメントは非常に重要であり、関数の値を返す機能があるだけでなく、いくつかの特殊な使用方法も明確に理解する必要があります。 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">
<title>脚本之家</title>
<script type="text/javascript">
window.onload=function(){
var olink=document.getElementById("thelink");
olink.onclick=function(){
return false
}
}
</script>
</head>
<body>
<a href="" id="thelink">脚本之家</a>
</body>
</html>
リンクをクリックすると、onclick イベントが発生します。そのデフォルトのアクションは、href 属性で指定されたリンクをポイントすることです。ただし、イベント ハンドラーが return false を使用する場合、デフォルトのイベントは発生しません。
false を返すと、イベントのバブリングの発生を防ぐこともできます。
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。