文と宣言

JavaScript アプリケーションは、適切な構文で書かれた文から構成されます。ひとつの文が数行に渡る場合もあります。また複数の文それぞれがセミコロンで区切られていれば 1 行となる場合もあります。そのキーワードはひとつではなく、キーワードのグループとなっています。

文と宣言(カテゴリ別)

アルファベット順リストは左サイドバーで確認できます。

フロー制御

return

関数が返す値を指定します。

break

現在実行中のループ、switch による分岐、あるいはラベル文を終了し、その終了した文に続く文へとプログラムの制御を移行します。

continue

現在実行中のループ、またはラベル付きループで現在反復している文の実行を終了し、そのループの実行を次の反復から継続します。

throw

ユーザー定義の例外を発生させます。

if...else

与えられた条件が真の場合はある文を実行します。条件が偽の場合はまた別の文を実行できます。

switch

ある式を評価し、式の値を case 節と照らし合わせ、 case 節に関連付けられた文を実行します。

try...catch

実行を試み、例外が発生した際に行うべき処理を規定する文のブロックを記述します。

宣言

var

変数を宣言し、その変数をある値に初期化することもできます。

let

ブロックスコープを持つローカル変数を宣言し、その変数をある値に初期化することもできます。

const

読み取り専用の名前付き定数を宣言します。

関数とクラス

function

指定された仮引数を持つ関数を宣言します。

function*

イテレーターをより簡単に書けるジェネレーター関数です。

async function

指定した引数を持つの非同期関数を宣言します。

async function*

非同期ジェネレータ関数により、非同期のイテレーターをより簡単に書くことができます。

class

クラスを宣言します。

反復処理

do...while

テスト条件が偽と評価されるまで指定された文を実行するループを作成します。この条件は文が実行されたあとに評価されます。その結果、少なくとも 1 回は指定された文が実行されます。

for

丸括弧で囲まれ、セミコロンで区切られた 3 つの式と、それに続くループ内で実行される文から構成されるループを作成します。

for...in

オブジェクトの列挙可能なプロパティに対し任意の順番で反復処理を行います。それぞれ個別のプロパティに対し、文を実行できます。

for...of

反復可能オブジェクト (配列、配列風オブジェクト、イテレーターとジェネレーターを含む) を反復処理し、それぞれ個別のプロパティの値に対する実行文をともなった反復処理フックを呼び出します。

for await...of

非同期反復オブジェクト、配列風オブジェクト、イテレーターとジェネレーターを反復処理し、各固有のプロパティ値で実行する文を実行しつつ、カスタムイテレーションフックを実行する。

while

テスト条件が真と評価される間、指定した文を実行するループを作成します。この条件は文が実行される前に評価されます。

その他

空文

空文は、文が必要ないが JavaScript の文法上 1 つの文が必要な場合に使います。

ブロック

ブロック文は 0 個以上の文をグループ化するのに使います。ブロックは 1 組の波括弧で囲みます。

式文

式文は、式を評価し、その結果を破棄します。これにより、関数の実行や変数の更新など、式に付随する効果を実行することができます。

debugger

利用可能なデバッグ機能を呼び出します。利用可能なデバッグ機能がない場合、この文は無効となります。

export

外部モジュールや別のスクリプトでインポートできるように、関数をエクスポートするのに使われます。

import

外部モジュールや別のスクリプトからエクスポートされる関数をインポートするのに使われます。

ラベル

breakcontinue 文を使う際に参照できる識別子を含む文を用意します。

with 非推奨;

文のスコープチェーンを拡張します。

文と宣言の違いについて

この節では、 2 種類の構文を比較します。宣言です。これらは 2 つの独立した文法集合です。以下のものは宣言です。

前述のうち、それ以外のものはすべて文です。

「文」と「宣言」という用語は、JavaScript の形式文法において厳密な意味を持ち、それがコードのどこに配置されるかに影響します。例えば、ほとんどの制御フロー構造では、本体は文だけを受け入れます。例えば if...else の分岐先などです。)

js
if (条件)1;
else2;

もし、文の代わりに宣言を使用した場合、 SyntaxError となります。例えば、 let 宣言は文ではないので、 if 文の本体としてそのままの形を使用することはできません。

js
if (条件)
  let i = 0; // SyntaxError: Lexical declaration cannot appear in a single-statement context

一方、var は文なので、それ自身で if 本体として使用することができます。

js
if (条件)
  var i = 0;

宣言は「識別子と値を結びつける」ものであり、文は「アクションを実行する」ものであると考えることができます。なぜなら、var は通常の字句スコープの規則に従わないので、副作用を引き起こす可能性があるからです。グローバル変数の作成、既存の var で定義された変数の変更、ブロックの外から見える変数の定義(var で定義された変数はブロックスコープに入らないため)のような形式です。

他の例として、ラベルは文にのみ付けることができます。

js
label: const a = 1; // SyntaxError: Lexical declaration cannot appear in a single-statement context

メモ: 関数宣言にラベルを持たせる古い文法がありますが、ウェブの現実との互換性のために標準化されただけです。

これを回避するには、宣言を中括弧で囲んで、ブロック文の一部にすることができます。

js
label: {
  const a = 1;
}

if (条件) {
  let i = 0;
}

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
async function statement
async function* statement
block
break
class
const
continue
debugger
do...while
Empty statement (;)
export
Arbitrary module namespace identifier names
default keyword with export
export * as namespace
for
for await...of
for...in
for...of
async iterators
Closing iterators
function statement
Trailing comma in parameters
function* statement
IteratorResult object instead of throwing
Not constructable with new (ES2016)
Trailing comma in parameters
if...else
import
Arbitrary module namespace identifier names
Import attributes with assert syntax (formerly import assertions)
DeprecatedNon-standard
assert {type: 'css'}
DeprecatedNon-standard
assert {type: 'json'}
DeprecatedNon-standard
Import attributes (with syntax)
with {type: 'css'}
Experimental
with {type: 'json'}
Available in service workers
Available in workers
Available in worklets
label
let
return
switch
throw
try...catch
Optional catch binding
using keyword
ExperimentalNon-standard
var
while
with
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
In development. Supported in a pre-release version.
In development. Supported in a pre-release version.
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
Has more compatibility info.

関連情報