JavaScript_javascript スキルの概要

この記事は、JS の一般的な理解を得るためにのみ適しています。JS の詳細な構文と応用が必要な場合は、w3school を参照してください。

JavaScript とは何ですか?

JavaScript の誕生

1995 年頃、世界の主流の帯域幅は 28.8Kbps でしたが、現在では世界の平均ダウンロード帯域幅は 21.9Mbps です (データは

http://www.netindex.com から取得しています)。当時、ネチズンはフォームを送信するたびにサーバーからの応答を受け取るまで長い時間待たなければならず、数分間待った後に特定の項目が不足しているという応答が返されることさえありました。ユーザーエクスペリエンスを向上させるために、ブラウザクライアントに埋め込まれ、簡易的なフォーム判定を実現するスクリプトが誕生しました。それがJavaScriptです。

JavaScript は、Netscape で働いていた Brendan Aich によって、1995 年にリリースされる Netscape Navigator 2.0 (NN2.0) 用に初めて開発されました。当時は LiveScript と呼ばれていました。当時非常に人気のあったSun社と提携していたため、当時のトレンドであるJava言語に追いつくために、この言語はJavaScriptと名付けられました。

JavaScript と Java の関係は何ですか?

これは、素人が JavaScript と聞いたときの最初の反応でもあり、この言語で最も批判されている問題の 1 つでもあります。

厳密に言えば、それは問題ではありません。関連付ける必要がある場合、機能、オブジェクト指向の考え方、判断構造、ループ文などの一部が同じである可能性がありますが、これらは明らかに Java の特許ではなく、プログラミング言語のコンセンサスです。

JavaScript の標準化と開発の歴史

JavaScript が開始されたとき、より優れたユーザー エクスペリエンスを備えた NN ブラウザーがブラウザー市場を独占し、Microsoft が追いつきました。 IE3 がリリースされたとき、Microsoft は JScript という名前で VBScript をリリースしましたが、これは実際には Netscape の JavaScript (今日の言葉で言えば模倣品) とあまり変わりませんでした。 Microsoft との競争に直面し、Netscape と Sun は、JavaScript を標準化するために JavaScript 草案を ECMA (欧州コンピュータ製造者協会) に提出し、最終的に ECMAScript の最初のバージョン (ECMA-262) を形成しました。

興味深いことに、Netscape が JavaScript を標準化した後、内部問題が発生し、JavaScript 研究が停滞しました。Microsoft はこの機会を利用して、ECMA 仕様に準拠した最初の JavaScript エンジンを組み込んだ IE4 を予定より 1 年早く発売しました。 。さらに、Microsoft システムがコンピュータ オペレーティング システム市場を徐々に占有し、プレインストールされた IE ブラウザの市場シェアも徐々に増加し、NN は市場から締め出され続けています。しかし、最大のライバルを失ったマイクロソフトは開発意欲を失い、インターフェースレンダリングやスクリプト実行の点で互換性がなくなり、ブラウザ史上の奇妙な花となり、フロントエンドの呪いとなった。開発者。

コードをコピーします コードは次のとおりです:

1.v1 1997 年 6 月初版
2.v2 1998 年 6 月 ISO/IEC16262 国際標準と一致するように形式が改訂されました
3.v3 1999 年 12 月 強力な正規表現、テキスト チェーン処理の改善、新しい制御命令、例外処理、より明確なエラー定義、数値出力の書式設定およびその他の変更
4.v4 はまだ完成していません...クラスや名前空間などのより明確な定義があるかもしれません...
5.v5 2009 年 12 月 「厳密モード」を追加しました。これは、構造エラーを回避するためのより徹底的なエラー チェックを提供するために使用されるサブセットです。バージョン 3 の多くのあいまいな仕様を明確にし、その仕様とは一貫して異なる実際の実装の動作に対応します。ゲッターとセッター、JSON のサポート、オブジェクト プロパティのより完全な反映など、いくつかの新機能が追加されました。

**** 2004 年 6 月、欧州コンピュータ製造者協会は ECMA-357 標準を発行しました。これは、ECMAScript の拡張版であり、E4X (ECMAScript for XML) とも呼ばれます。

JavaScript と ECMAScript の関係は何ですか?

実際、問題は JavaScript、JScript、ECMAScript の関係とは何かということです。実際、ECMAScript は一般的な仕様であり、JavaScript と JScript はこの仕様に従って開発されており、ECMAScript と互換性がありますが、ECMAScript を超える機能も含まれています。しかし、どちらであっても、最初に登場し、最も大きな影響力を持っていたという理由だけで、現在では JavaScript として一般的に知られており、その名前は今日まで受け継がれています。

JavaScript で何ができるの?

Web ページ上では、論理的な処理が必要な操作はすべて JavaScript で完結できます。例:

コードをコピーします コードは次のとおりです:

• フォームの検証
•アニメーション効果
•ウェブゲーム
•カウントダウン
•……

非常に多くのアプリケーションがありますが、ここでは詳しく説明しませんが、この言語を学習すると、多くのアプリケーションが見つかると思います。

JavaScript を学ぶ必要があるのはなぜですか?

1. JavaScript だけが一般的に使用されるすべてのブラウザを制御できるため、Web テクノロジーを学ぶには JavaScript を学ぶ必要があります。

2. JavaScript は美しい言語であり、優れているため、学習する必要があります

JavaScriptの位置づけ

コードをコピーします コードは次のとおりです:

1. JavaScript は、コンパイルを必要としない軽量のスクリプト言語であり、JavaScript 解析エンジン (通常はブラウザを指します。もちろんノードなどのパーサーは除外しません) によって解析および実行されます
2. JavaScript には非関数型言語機能、関数型言語機能、動的言語機能があり、その構文は非常に柔軟です
3. JavaScript はオブジェクト指向プログラミング言語です。JavaScript の世界には「すべてはオブジェクトである」という格言があります。その継承はプロトタイプ継承に基づいています (以前、プロトタイプ継承について詳しく説明した記事を書きました)
4. JavaScript は C に似た言語であるため、C を学習した人なら誰でも簡単に JavaScript を始めることができます
5. JavaScript の記述にはコンパイラは必要なく、テキスト エディタのみが必要です (メモ帳は必要ありません。ここでは崇高なテキストを強くお勧めします)

JavaScript には何があるのですか?

現在、誰もが使用している JavaScript には、DOM、BOM、ECMAScript (またはコア JS) の 3 つの部分が含まれています。

ドム

ここでは、誰もが HTML と CSS を少なくともある程度理解していることを前提としています。HTML と CSS を直接スキップしてこの記事を読みたい場合は、まずここをお読みください。

DOM、ドキュメント オブジェクト モデル

XHTML では、タグを閉じて正しくネストする必要があることがわかっています。タグをネストすると、親子関係 (または祖先と子孫の関係) が作成されます。 DOM は、DOM ツリーを簡単に操作できるようにする多数の API を提供します。 JS DOMについては後ほど詳しく記事を書きます。

DOM を使用すると、ページのコンテンツを動的に変更したり、スタイルを調整したりできます。これは、JS の多様性の表れでもあります。

BOM

BOM、ブラウザ オブジェクト モデル

DOM に似ていますが、本体がブラウザになる点が異なります。ブラウザーは多数の API も提供しており、その一部は JS に公開されており、ブラウザー ウィンドウを操作するメソッドを提供します。

一般的な用途:

コードをコピーします コードは次のとおりです:

1. 新しいブラウザウィンドウをポップアップする機能
2. ブラウザウィンドウを移動、閉じ、サイズ変更する機能
3. WEBブラウザの詳細情報を提供できるナビゲーションオブジェクト
4. ブラウザによってロードされたページに関する詳細情報を提供できるローカル オブジェクト
5. ユーザーの画面解像度に関する詳細情報を提供する画面オブジェクト
6.Cookieをサポートします
7. Internet Explorer は BOM を拡張して ActiveX オブジェクト クラスを組み込み、JavaScript を通じて ActiveX オブジェクトを実装できます。

ECMAScript コア

JS コアとも呼ばれますが、どのように呼んでも、意味はすべて同じで、変数定義、ガベージ コレクション、構文、スコープなどを含む JS 言語のコア コンポーネントを表します。これらの API を使用するだけで済む上記の DOM や BOM とは異なり、ECMAScript コアは言語の本質であり、継続的な学習が必要です。次の章では、JS の構文についてさらに説明します。

JavaScriptの使用

インライン

インラインはタグ内に記述された JavaScript です。たとえば、HTML では次のように記述します。

コードをコピーします コードは次のとおりです:

click

ボタンをクリックすると、ポップアップ ボックスに「クリックされました」と表示されます。

ただし、これは強く推奨されません。イベントを変更する必要があるたびに、最初に要素を見つけてからその JavaScript コンテンツを変更する必要があり、これらの JavaScript コードは再利用できません。

また、タグ内に記述するイベントには「on」が必要であり、js はイベントを通じてのみタグに導入でき、単純な js 式は記述できません

埋め込み

埋め込みとは、HTML の script タグに js コードを記述することを意味します。その方法は、次のように HTML に新しい script タグを追加し、タグの途中に任意の js コードを挿入することです。

コードをコピー コードは次のとおりです:

クリック

<スクリプト>
var btn = document.getElementById("btn");

 btn.onclick = function() {

alert("クリックされる");

}

 

インラインを使用すると、インラインよりもはるかに自由にコードを作成でき、引用符のエスケープの問題も回避でき、メンテナンスも容易になります。ただし、問題もあります。これらのコードはこのページにのみ適用でき、他のページでは使用できません。

外部リンク

外部リンク方式は、上記 2 つの形式の欠点をすべて解決します。その方法は次のとおりです:

まず新しいファイルを作成し、サフィックスを .js に変更します。たとえば、新しい click.js ファイルを作成し、先ほど作成したインラインの js コードをコピーします (script タグが含まれていないことに注意してください)

コードをコピーします コードは次のとおりです:

var btn = document.getElementById("btn");
btn.onclick = function() {
alert("クリックされる");
}

次に、script タグを使用して HTML に

を導入します。

コードをコピーします コードは次のとおりです:

クリック

<スクリプト src="click.js">

この利点は、同じ js コードを複数の HTML ページで共有できることです。欠点は、ファイル数が増加し、リクエストに必要な時間が増加することです。そのため、コードの再利用性が向上する必要があります。 js ファイルは最後にマージする必要があります (異なる js ファイルを 1 つの js ファイルにマージします)