ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascript スキルの return ステートメントの簡単な分析
javascript_javascript スキルの return ステートメントの簡単な分析
- WBOYオリジナル
- 2016-05-16 15:25:381051ブラウズ
JavaScript の return ステートメントの簡単な紹介:
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">
<meta name="author" content="http://www.jb51.net.com/" />
<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.com/" id="thelink">蚂蚁部落</a>
</body>
</html>
リンクをクリックすると、onclick イベントが発生します。そのデフォルトのアクションは、href 属性で指定されたリンクをポイントすることです。ただし、イベント ハンドラーが return false を使用する場合、デフォルトのイベントは発生しません。
return false はイベントのバブリングの発生を防ぐこともできます。詳細については、「JavaScript における return false の役割」の章を参照してください。
以上は JavaScript の return ステートメントに関するもので、皆さんの学習に役立つことを願っています。