最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript機能


JavaScript関数は、特定のタスクを実行するために設計されたコードのブロックです。

JavaScript関数は、「何かが」(それを呼び出す)それを呼び出したときに実行されます。


function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}
»それを自分で試してみてください

JavaScriptの関数の構文

JavaScript関数を使用して定義されたfunction括弧が続く名前で、キーワードに続きます()

関数名は文字、数字、アンダースコア、およびドル記号(変数と同じ規則)を含めることができます。

括弧は、カンマで区切られたパラメータ名を含むことができます。
パラメーター1、パラメーター、...)

実行されるコードは、関数によって、中括弧の内側に配置されています: {}

function name ( parameter1, parameter2, parameter3 ) {
    code to be executed
}

関数のパラメータは、関数定義に記載されている名前です。

関数の引数は、それが呼び出される関数によって受信された実数値です。

関数の内部では、引数はローカル変数として振る舞います。

機能は、他のプログラミング言語で、プロシージャまたはサブルーチンとほぼ同じです。


関数の呼び出し

関数内のコードが実行されたときに「何か」 のinvoke(呼び出し)機能:

  • イベントが発生すると(ユーザーがボタンをクリックしたとき)
  • それが呼び出されるとJavaScriptコードから(と呼ばれます)
  • 自動的に(自己が呼び出さ)

後でこのチュートリアルで関数呼び出しについてより多くを学びます。


関数の戻り

JavaScriptがreturn文に到達すると、関数が実行を停止します。

関数がステートメントから呼び出された場合、JavaScriptは、呼び出しステートメントの後にコードを実行するには、「戻る」します。

関数は、多くの場合、 戻り値を計算します。 戻り値が戻って「発信者」を「返却」されています。

2つの数の積を計算し、その結果を返します:

var x = myFunction(4, 3);        // Function is called, return value will end up in x

function myFunction(a, b) {
    return a * b;                // Function returns the product of a and b
}

xの結果は次のようになります。

12
»それを自分で試してみてください

なぜ機能?

一度コードを定義し、それを何回も使用します。あなたは、コードを再利用することができます。

あなたは異なる結果を生成するために、異なる引数で同じコードを何度も使用することができます。

摂氏華氏の変換:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
»それを自分で試してみてください

()演算子は、関数を呼び出します

上記の例を使用して、 toCelsius関数オブジェクトを参照し、 toCelsius()関数の結果を意味します。

()なしで機能にアクセスするには、関数定義を返します。

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
»それを自分で試してみてください

変数として使う機能

あなたは変数を使用するようにJavaScriptでは、あなたは同じような機能を使用することができます。

あなたが使用することができます。

var text = "The temperature is " + toCelsius(77) + " Celsius";

の代わりに:

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
»それを自分で試してみてください

後でこのチュートリアルで関数についてより多くを学びます。


練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4» 演習5»