ファンクションブロック部は、重量の関数を再利用し、また、肥大化したコードを回避する必要性に対処するだけでなく、関数内で、特定の機能を自動化します。
使用関数は、2つの要件があります。あなたが実行する前に呼び出す必要があります。関数名やキーワード、および同システムは機能しません。
三つの主要な機能、直接呼び出し、パラメータの受け渡し、戻り値があります。
ダイレクトコール:
。1 <!DOCTYPE HTML > 2 < HTML LANG = "EN" > 3 < ヘッド> 4 < メタ文字セット= "UTF-8" > 5 < タイトル>円の面積</ タイトル> 6 < スクリプトタイプ=「テキスト/ JavaScriptを「> 7 // 面積を有する円の半径を見つける 。8 関数mianji(){ 9。 VARのR&LT = プロンプト(」円の半径を入力してください」)。 10 S = 3.14 * R&LT *のR&LT; 11 アラート(" 円の面積である" + S)、 12である } 13は mianji(); 14 </ スクリプト> 15 </ ヘッド> 16 < ボディ> 17 18である </ ボディ> 19 < / HTML >
パラメータの受け渡し:
。1 <!DOCTYPE HTML > 2 < HTML LANG = "EN" > 3 < ヘッド> 4 < メタ文字セット= "UTF-8" > 5 < タイトル>円の面積</ タイトル> 6 < スクリプトタイプ=「テキスト/ JavaScriptを" > 図7は、 // 領域と、円の半径を見つける 8。 機能miaji(R&LT)を{ 9つの。 S = 3.14 * R&LT *のR&LT。 10 警告(" サークル領域:" + S); 11 } 12は miaji(2 ) 13は miaji(3 ); 14 15 </ スクリプト> 16 </ ヘッド> 17。 < ボディ> 18である 19。 </ ボディ> 20である </ HTML >
しかし、フロントエンドの開発一般的に、第三が使用され、戻り値です。
1 <!DOCTYPE htmlの> 2 < HTML のlang = "EN" > 3 < ヘッド> 4 < メタのcharset = "UTF-8" > 5 < タイトル>函数</ タイトル> 6 < スクリプトタイプ= "テキスト/ javascriptの" > 7 // 返回值 8 関数getSum(N、M){ 9 VaRの和= 0 。 N-; I <= M、Iが++ ){ 11。 SUM + = I; 12である } 13れる // 計算値返し 14 戻りSUMを; 15 } 16 はconsole.log(GetSum(1 、100 )); 17 </ スクリプト> 18である </ ヘッド> 19 < ボディ> 20 </ ボディ> 21である </ HTML >