function 宣言
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
試してみましょう
function calcRectArea(width, height) { return width * height;}console.log(calcRectArea(5, 6));// Expected output: 30構文
js
function name(param0) { statements}function name(param0, param1) { statements}function name(param0, param1, /* … ,*/ paramN) { statements}name関数の名前です。
param省略可関数に渡す引数の名前です。引数の最大数はエンジンによって異なります。
statements省略可関数の本体を構成する文です。
解説
条件付きで作成される関数
警告:厳格モードではない場合、ブロック内での関数宣言は奇妙な動きをします。ブロック内での関数宣言は、厳格モード時のみ行ってください。
関数は条件付きで宣言できます。つまり、関数文をif 文の中に入れ子にすることができますが、結果は実装によって一貫性がないので、このパターンを本番コードでは使用すべきではありません。条件付きの関数の作成には、代わりに関数式を使用してください。
js
console.log( `'foo' name ${ "foo" in globalThis ? "is" : "is not" } global. typeof foo is ${typeof foo}`,);if (false) { function foo() { return 1; }}// In Chrome:// 'foo' の名前はグローバル。typeof foo は undefined//// In Firefox:// 'foo' の名前はグローバル。typeof foo は undefined//// In Safari:// 'foo' の名前はグローバル。typeof foo は functionif 本体が実際に実行されるかどうかにかかわらず、スコープと巻き上げの効果は変わりません。
js
console.log( `'foo' name ${ "foo" in globalThis ? "is" : "is not" } global. typeof foo is ${typeof foo}`,);if (true) { function foo() { return 1; }}// In Chrome:// 'foo' の名前はグローバル。typeof foo は undefined//// In Firefox:// 'foo' の名前はグローバル。typeof foo は undefined//// In Safari:// 'foo' の名前はグローバル。typeof foo は function厳格モードでは、ブロックレベルの関数宣言はそのブロックのスコープとなり、そのブロックの先頭に巻き上げられます。
js
"use strict";{ foo(); // Logs "foo" function foo() { console.log("foo"); }}console.log( `'foo' name ${ "foo" in globalThis ? "is" : "is not" } global. typeof foo is ${typeof foo}`,);// 'foo' name is not global. typeof foo is undefined関数宣言の巻き上げ
例
function の使用
以下のコードは、3 つの商品の販売個数が指定されたときに、売上の合計額を返す関数を宣言しています。
js
function calcSales(unitsA, unitsB, unitsC) { return unitsA * 79 + unitsB * 129 + unitsC * 699;}仕様書
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-function-definitions |