この記事はリファレンスマニュアルの記事ではなく、JSの一般的な理解を生成するのにのみ適しています。 JSの詳細な構文とアプリケーションが必要な場合は、w3schoolに移動してください。
JavaScriptとは何ですか？
JavaScriptの誕生
1995年頃、世界の主流の帯域幅は28.8kbpsであり、世界の平均ダウンロード帯域幅は現在21.9Mbpsです（データはhttp://www.netindex.comからのものです）。当時、ネチズンは、フォームを提出するたびにサーバーから応答を受信するのに長い時間待たなければなりませんでした。数分間待った後に受け取ったのは、彼らがそれを失っていたということでした。ユーザーエクスペリエンスを改善するために、単純なフォーム判断を達成できるブラウザクライアントに組み込まれたスクリプトが生まれました。これはJavaScriptです。
JavaScriptは、Netscapenavigator 2.0（NN2.0）のためにNetscape（NN2.0）で働いていたBrendan Eichによって最初に開発されました。彼は当時非常に人気のあるSun Companyと協力していたので、当時のトレンドであるJava Languageに追いつくために、この言語はJavaScriptと名付けられました。
JavaScriptとJavaの関係は何ですか？
これはまた、素人がJavaScriptを聞いたときの最初の反応であり、この言語で最も批判された問題の1つでもあります。
厳密に言えば、半セントの間に関係はありません。参加する必要がある場合、2つの機能の一部は、オブジェクト指向のアイデア、判断構造、ループステートメントなどと同じであるかもしれませんが、これらは明らかにJavaの特許ではなく、プログラミング言語のコンセンサスです。
JavaScriptの標準化と開発履歴
JavaScriptが起動されたとき、ユーザーエクスペリエンスが向上したNNブラウザがブラウザ市場を支配し、Microsoftが追いついています。 IE3が発売されたとき、MicrosoftはVBScriptをリリースし、JScriptと命名しました。これは、実際にはNetscapeのJavaScriptとそれほど違いはありません（今日の用語では、それは模倣です）。 Microsoftの競争に直面して、NetscapeとSunはJavaScriptを標準化するために独自のJavaScriptドラフト（欧州コンピューターメーカー協会）に提出し、最終的にECMAScriptの最初のバージョン（ECMA-262）を形成しました。
興味深いことに、Netscapeが標準化されたJavaScriptの後、内部問題がありました。 JavaScript Researchは停滞し、MicrosoftはNNの1年前にECMA仕様に従って最初のJavaScriptエンジンを組み込んだIE4に追いつく機会を得て発射しました。さらに、Microsoft Systemは徐々にコンピューターオペレーティングシステム市場を占有しており、そのプリインストールされたIEブラウザー市場シェアは徐々に増加しており、NNは常に市場に絞られています。しかし、Microsoftが最大のライバルを失うと、開発する動機はありません。 IE6〜IE8は、インターフェイスのレンダリングとスクリプトの実行の両方が互いに互換性があり、ブラウザの歴史の中で奇妙になり、フロントエンド開発者にとって悪夢になります。
コードコピーは次のとおりです。
1.V1初版1997年6月
2.V2 1998年6月フォーマットは、ISO/IEC16262 International Standardsと一致する形式を改訂します
3.V3 1999年12月強力な正規表現、より良いテキストチェーン処理、新しい制御手順、例外処理、より明確なエラー定義、数値出力のフォーマット、その他の変更
4.V4が完了していない...多分もっと明示的なクラスの定義、名前空間など...
5.V5 2009年12月に「Strict Mode」が追加されました。これは、構造エラーを回避するために、より徹底的なエラーチェックを提供するために使用されるサブセットです。バージョン3の多くのファジー仕様を明確にし、その仕様とは一貫して異なる実際の実装の動作に対応します。 JSONやオブジェクトのプロパティに関するより完全な反射をサポートするゲッターやセッターなど、いくつかの新機能が追加されています。
**** 2004年6月、欧州コンピューターメーカー協会は、ECMA-357標準を発行しました。これは、ECMAScriptの拡張であり、E4X（XMLのECMAScript）としても知られています。
JavaScriptとECMAScriptの関係は何ですか？
実際、問題は、JavaScript、JScript、ECMAScriptの関係があるべきであるはずです。実際、ECMAScriptは全体的な仕様です。 JavaScriptとJScriptはどちらもこの仕様に従って開発されており、ECMAScriptと互換性がありますが、ECMAScriptを超えた機能が含まれています。ただし、現在のタイプに関係なく、それは一般的にJavaScriptと呼ばれます。これは、最初に登場し、最大の影響力を持ち、その名前が今日まで受け継がれているためです。
JavaScriptは何ができますか？
Webページでは、論理処理を必要とするすべての操作をJavaScriptによって完了できます。例えば：
コードコピーは次のとおりです。
•フォーム検証
•アニメーション効果
•Webゲーム
•カウントダウン
•…
他にも多くのアプリケーションがありますが、ここでは詳しく説明しません。この言語を学んだ後、多くのアプリケーションが見つかると思います。
なぜJavaScriptを学ぶのですか？
1.選択肢がないため、JavaScriptのみが一般的に使用されるすべてのブラウザーを制御でき、JavaScriptは世界で最も重要なプログラミング言語の1つであり、Webテクノロジーの学習はJavaScriptを学習する必要があります。
2。JavaScriptは美しい言語です、それはとても良いので、私たちは学ぶ必要があります
JavaScriptの位置付け
コードコピーは次のとおりです。
1. JavaScriptは、コンパイルを必要とせず、JavaScript Parsing Engineによって解析されて実行される軽量スクリプト言語です（通常、ブラウザを指し、もちろんノードなどのパーサーは除外されません）
2。JavaScriptには、機能的な言語機能、機能的な言語機能、動的な言語機能があり、その構文は非常に柔軟です。
3。JavaScriptは、オブジェクト指向のプログラミング言語です。 JavaScriptの世界には、すべてがオブジェクトです。その継承はプロトタイプの継承に基づいています（以前にプロトタイプの継承を説明する特別な記事を書きました）
4。JavaScriptはC言語であるため、Cを学んだことを学んだ人は誰でもJavaScriptを始めましょう。
5. JavaScriptはコンパイラなしで書かれていますが、テキストエディターのみ（メモ帳は免除され、崇高なテキストはここで強くお勧めします）
JavaScriptとは何ですか？
現在使用しているJavaScriptには、DOM、BOM、およびECMAScript（またはCore JS）の3つの部分が含まれています。
dom
ここでは、デフォルトでは、誰もが少なくともHTMLとCSSをある程度理解しています。 HTMLとCSSを直接スキップしてこの記事を読む場合は、最初にこの場所をお読みください。
DOM、ドキュメントオブジェクトモデル
XHTMLでは、タグを閉じて、ネストが正しくなければならないことが必要であることがわかっています。タグのネストは、父と息子の関係（または、先祖の子孫）を生み出します。 DOMは多数のAPIを提供し、DOMツリーを簡単に操作できるようにします。具体的にはJS DOMについて話している記事を後で書きます。
DOMを使用すると、ページコンテンツを動的に変更したり、スタイルを調整したりできます。これは、JSの多様性を反映しています。
ボム
BOM、ブラウザオブジェクトモデル
DOMと同様に、本体がブラウザになることを除いて。また、ブラウザは多数のAPIを提供し、その一部はJSに開かれており、ブラウザウィンドウを操作する方法を提供します。
一般的な用途：
コードコピーは次のとおりです。
1.新しいブラウザウィンドウをポップアップする機能。
2.ブラウザウィンドウのサイズを移動、閉じ、変更する機能。
3。Webブラウザの詳細情報を提供できるナビゲーションオブジェクト。
4。ブラウザの読み込みページに関する詳細情報を提供できるローカルオブジェクト。
5。ユーザーの画面解像度に関する詳細情報を提供できる画面オブジェクト。
6。サポートクッキー。
7. Internet ExplorerはBOMを拡張してActiveXオブジェクトクラスを含め、ActiveXオブジェクトはJavaScriptを介して実装できます。
ECMAScriptコア
JS Coreとも呼ばれます。どのように呼んでも、同じ意味を意味します。これは、可変定義、ガベージコレクション、構文、スコープなどを含むJS言語のコア構成を表します。次の章では、JSの構文についてさらに説明します。
JavaScriptの使用
インラインスタイル
インライン形式は、タグで書かれたJavaScriptです。たとえば、HTMLで書き込みます。
コードコピーは次のとおりです。
<button onclick = "alert（ 'be clicked'）;"> </button>をクリックします
ボタンをクリックすると、ボックスが[クリック]が表示されます。
ただし、これは強く推奨されていないことに注意してください。これにより、メンテナンスに大きなトラブルが発生するためです。イベントを変更する必要があるたびに、最初に要素を見つけてからJavaScriptコンテンツを変更する必要があります。これらのJavaScriptコードは再利用できません。
さらに、タグで記述されたイベントは「オン」する必要があり、JSはタグのイベントを通じてのみ導入でき、単純なJS式を書くことはできません。
埋め込み
埋め込まれたことは、HTMLスクリプトタグにJSコードを書くことを意味します。この方法は、次のように、htmlにスクリプトタグを追加し、タグの中央にJSコードを挿入することです。
コードコピーは次のとおりです。
<html>
<body>
<ボタンID = "btn"> </button>をクリックします
</body>
<スクリプト>
<span style = "font-family：arial、helvetica、sans-serif;"> var btn = document.getelementbyid（ "btn"）; </span> <pre name = "code"> btn.onclick = function {）{
alert（ "clicked"）;
}
</script> </html>
組み込みスタイルを使用する場合、インラインスタイルよりもはるかに自由です。より多くのコードを書いて、問題の逃亡を避け、それをより簡単に維持することができます。しかし、問題も存在します。これらのコードはこのページにのみ適用でき、他のページでは使用できません。
外部の
外部接続メソッドは、上記の2つのフォームのすべての欠点を解決します。次の方法は次のとおりです。
最初に新しいファイルを作成し、接尾辞を.jsに変更します。たとえば、新しいclick.jsファイルを作成し、書いた埋め込みバージョンのJSコードをコピーします（スクリプトタグは含まれていないことに注意してください）
コードコピーは次のとおりです。
var btn = document.getElementById（ "btn"）;
btn.onclick = function（）{
alert（ "clicked"）;
}
次に、スクリプトタグを介してHTMLにインポートします
コードコピーは次のとおりです。
<html>
<body>
<ボタンID = "btn"> </button>をクリックします
</body>
<スクリプトsrc = "click.js"> </script>
</html>
これの利点は、同じJSコードを複数のHTMLページで共有できることです。欠点は、ファイルの数が増加し、リクエストに必要な時間が増加することです。したがって、コードの再利用可能性を強化する必要があり、最後にJSファイルをマージする必要があります（異なるJSファイルを1つのJSファイルにマージ）