JavaScript関数
例
呼び出されたときに「HelloWorld」を出力する関数を宣言します。
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
以下のその他の例。
定義と使用法
ステートメントはfunction
関数を宣言します。
宣言された関数は「後で使用するために保存」され、後で呼び出される(呼び出される)ときに実行されます。
JavaScriptでは、関数はオブジェクトであり、プロパティとメソッドの両方があります。
関数は、式を使用して定義することもできます( 関数の定義を参照)。
JavaScriptチュートリアルを読んで、関数について知っておく必要のあるすべてを学びましょう。JavaScript関数と JavaScriptスコープに関する紹介の章から始め ます。詳細については、 関数の定義、 パラメーター、 呼び出し、 クロージャに関する関数のセクションを参照してください。
関連項目:
構文
function functionName(parameters) {
code to be executed
}
パラメーター
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
その他の例
PIの値を返します。
function myFunction() {
return Math.PI;
}
aとbの積を返します。
function myFunction(a, b) {
return a * b;
}
引数が異なる関数は、異なる結果を生成する可能性があります。
華氏を摂氏に変換します。
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
関数は変数として使用できます。
それ以外の:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
次を使用できます。
text = "The temperature is " + toCelsius(32) + " Centigrade";
JavaScript関数には、argumentsと呼ばれる組み込みオブジェクトがあります。
arguments.lengthプロパティは、関数が受け取った引数の数を返します。
function myFunction(a, b) {
return arguments.length;
}
クリックして、「HelloWorld」を出力する関数を呼び出します。
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
関数式が変数に格納されている場合、変数には次の関数が含まれます。
const x = function (a, b) {return a * b};
関数が変数に格納されている場合、その変数は関数として使用できます。
const x = function (a, b) {return a * b};
let z = x(4, 3);
関連ページ
JavaScriptチュートリアル:JavaScript関数
JavaScriptチュートリアル:JavaScriptスコープ
JavaScriptチュートリアル:JavaScript関数の定義
JavaScriptチュートリアル:JavaScript関数パラメーター
JavaScriptチュートリアル:JavaScript関数の呼び出し
JavaScriptチュートリアル:JavaScript関数のクロージャ
JavaScriptリファレンス:JavaScriptのreturnステートメント
ブラウザのサポート
function
ECMAScript1(ES1)機能です。
ES1(JavaScript 1997)は、すべてのブラウザーで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |