Web開発のためのJavaScript_基礎知識

Xiaoyin
著者は、Web 開発には HTML、JavaScript、CSS、および C#、Java などの高級言語の設計が含まれると考えています。この記事は 3 つの部分に分かれており、最初の部分は JavaScript の簡単な紹介です。 、後半は ECMAscript の理解です。 最後の部分は JavaScript の基本を理解していないので、次の点から分析することしかできません。間違っている場合は、ご指摘ください。主な内容は次のとおりです:

パート 1:

JavaScript
機能
JavaScript の実装
ECMAScript 標準
開発javascript

パート 2:

ECMAScript について
1. 同じ構文
2. 関数もオブジェクトです
4. オブジェクトにはプロトタイプがあります
5. 便利なデータ構築
6. JavaScript オブジェクト表記法 (JSON)
7. 第 3 版:

1. JavaScript 構文
2. データ型5. 関数

パート 1:

JavaScript の概要
JavaScript は、セキュリティ機能を備えたオブジェクト駆動型およびイベント駆動型に基づくスクリプト言語です。これを使用する目的は、HTML ハイパーテキスト マークアップ言語および Java スクリプト言語 (Java アプレット) と連携して、Web ページ内の複数のオブジェクトをリンクし、Web クライアントと対話することです。これにより、クライアント アプリケーションなどを開発できるようになります。これは、埋め込みまたは呼び出しによって標準 HTML 言語で実装されます。その外観は HTML 言語の欠点を補っており、Java と HTML の間の妥協点です。

機能

はスクリプト言語です。 JavaScript はプログラミングを使用するスクリプト言語です。小さなプログラムセグメントの形式で実装されます。他のスクリプト言語と同様、JavaScript もインタープリタ型言語であるため、開発プロセスが容易になります。その基本的な構造形式は、C、C++、VB、および Delphi に非常に似ています。ただし、これらの言語のように最初にコンパイルする必要はなく、プログラムの実行中に 1 行ずつ解釈されます。 HTMLタグと組み合わせることで、ユーザーの操作を容易にします。 オブジェクトベースの言語。 JavaScript はオブジェクトベースの言語であり、オブジェクト指向言語と考えることができます。これは、すでに作成したオブジェクトを使用できることを意味します。したがって、多くの機能は、スクリプト環境内のオブジェクトのメソッドとスクリプトとの相互作用から得られます。
シンプルさ JavaScript のシンプルさは主に次の点に反映されています。 まず第一に、JavaScript は Java の基本的なステートメントと制御フローに基づいたシンプルでコンパクトな設計であり、Java を学習するのに非常に適しています。第 2 に、その変数の型は弱く型指定されており、厳密なデータ型は使用されません。
セキュリティ
JavaScript は、ローカル ハード ドライブへのアクセスを許可せず、サーバーにデータを保存できず、ネットワーク ドキュメントの変更や削除も許可しません。ブラウザ経由でのみ実装できます。情報の閲覧または動的インタラクション。これにより、データ損失が効果的に防止されます。 動的
JavaScript は動的であり、Web サービス プログラムを経由せずにユーザーまたは顧客の入力に直接応答できます。イベント駆動型の方法でユーザーに応答します。いわゆるイベントドリブンとは、ホームページ上で何らかの操作を行うことで発生するアクションを指し、これを「イベント」と呼びます。例えば、マウスを押す、ウィンドウを移動する、メニューを選択するなどをイベントとみなすことができます。イベントが発生すると、対応するイベント応答がトリガーされる場合があります。 クロスプラットフォーム
JavaScript はブラウザ自体に依存しており、コンピュータがブラウザを実行でき、ブラウザが JavaScript をサポートしている限り、正しく実行できます。こうして「一度書いたら世界中を旅する」という夢が実現しました。実際、JavaScript の最も優れた点は、小さなプログラムで多くのことができることです。高性能のコンピュータは必要ありません。ソフトウェアはワープロソフトとブラウザだけで実行できます。Web サーバーチャネルは必要ありません。
包括的な
JavaScript は、HTML ファイルに組み込むことができる新しい記述言語です。 JavaScript 言語は、データの送受信にネットワークを使用せずにユーザーの要求イベント (フォーム入力など) に応答できるため、ユーザーがデータを入力するときに、そのデータをサーバーに渡す必要がありません。その後、それを返して、クライアント アプリケーションで直接処理できます。
JavaScript と Java は非常に似ていますが、同じではありません。 Java は JavaScript よりもはるかに複雑なプログラミング言語ですが、JavaScript は非常に理解しやすい言語です。 JavaScript 作成者はプログラミング スキルにそれほど注力していない可能性があるため、多くの Java 機能は JavaScript でサポートされていません。
JavaScript 実装
コア (ECMAScript) - JavaScript ECMAScript のコアは、言語の構文と基本オブジェクトを記述します
ドキュメント オブジェクト モデル (DOM) - DOM は、Web コンテンツを処理するためのメソッドとインターフェイスを記述します
ブラウザ オブジェクト モデル (BOM) - BOM は、ブラウザと対話するためのメソッドとインターフェイスを記述します


ECMAScript 標準


1997 年、欧州コンピュータ製造者協会 (ECMA) が ECMA を策定しました。 -262 規格は JavaScript 言語仕様に基づいており、Web スクリプト言語の仕様を形成します。現在、すべての主要なブラウザは、ECMA-262 標準に準拠したスクリプト言語をサポートしています。それ以来、Web ブラウザーは、JavaScript 実装の基礎として ECMAScript を使用するために (成功と失敗の程度はさまざまですが) 懸命に取り組んできました。 ECMAScript は重要な標準ですが、JavaScript の唯一の部分ではなく、もちろん標準化されている唯一の部分でもありません。実際、完全な JavaScript 実装は、次の 3 つの異なる部分で構成されています:
コア (ECMAScript) - JavaScript のコア ECMAScript は言語の構文と基本オブジェクトを記述します
ドキュメント オブジェクト モデル (DOM) - —DOM Web コンテンツを処理するためのメソッドとインターフェイスについて説明します
ブラウザ オブジェクト モデル (BOM) — BOM は、ブラウザと対話するためのメソッドとインターフェイスについて説明します
現在主流の Web ブラウザはすべて ECMA-262 をサポートしています 第 3 版、JavaScript 1.5 , JavaScript 1.6-1.9 は、ECMAScript (Gecko 上の JavaScript) を JavaScript 2.0 にアップグレードするための一時的なコード名にすぎません。
JavaScript の開発動向

言語は常にツールとして使用されます。これは今も昔も変わりません。言語は他のテクノロジーを使用し、通信するための方法および手段です。たとえば、Windows プラットフォームでは、ADODB コンポーネントを使用して JavaScript が SQL をサポートするデータベース内のデータを処理できるようにすることができ、FSO コンポーネントを使用してローカル ファイル IO 機能を実装することができます。これらすべては、JavaScript がアプリケーション開発の最上位にあり、低レベルのテクノロジの実装とは何の関係もないことを示しています。
プラットフォーム テクノロジーは変化し続けていますが、JavaScript は新しいニーズに適応するために、プラットフォームによって提供される機能を変更しない形式で引き続き使用します。今後、Web開発は開発者が集まる時代となり、JavaScriptもパープルになる時代になります。

パート 2:

ECMAScript について
ECMAScript は、ECMA (欧州コンピュータ製造者協会) によって開発された標準スクリプト言語 (JAVAScript) です。 ECMAScript 262 (http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM) に従ってください。まず、ECMAScript 仕様では、スクリプト プログラミング言語が実装すべき基本的な内容が次のように記述されています。構文、データ、変数の型、ステートメント、キー 単語、予約語、演算子オブジェクト。したがって、ECMA-262 仕様に準拠するスクリプト プログラミング言語は、仕様に記載されているすべての「型、値、オブジェクト、プロパティ、関数、およびプログラム構文とセマンティクス」を実装し、Unicode Character Standard (UCS) をサポートする必要があります。これに基づいて、各実装では「追加の型、値、オブジェクト、プロパティ、関数」を指定したり、新しい「プログラムや正規表現構文」などを定義したりすることもできます。
1. 同じ構文
まず第一に、同じ構文は C# や Java などの他の一般的なオープン言語と非常に似ています。つまり、他の言語スタイルはECMAScript では、たとえば、

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

for(i = 0; i < ; a.length; i ) {

if (a[i] == x)
return i;



2. オブジェクト指向プログラミング

ECMAScript はオブジェクト指向プログラミングをサポートします。 ECMAScript オブジェクトの名前付きプロパティの値。オブジェクトのプロパティや関数をメソッドと呼ぶことがあります。 window.setTitle(user.name);
3. 関数もオブジェクトです

ECMAScript の機能は、オブジェクトとプロパティをパラメータとして渡し、格納し、返すことができます。結果として。関数プログラミングの観点から見ると、関数とメソッドが呼び出し元からシンプルかつ柔軟な方法で機能をインポートできるようにします。

コードをコピーします コードは次のとおりです。 var Recent = Posts.sort(function( a, b ) {

return (a.date > b.date ? -1 : 1)

}).slice(0, 10); 4. オブジェクトにはすべてプロトタイプがあります

プログラミング言語自体からインスピレーションを得た ECMAScript オブジェクトは、プロトタイプ オブジェクトのプロパティを継承し、簡単な委任とオブジェクトの動作の柔軟なオーバーライドを容易にします。

コードをコピーします

コードは次のとおりです。

function Car() { } Car.prototype = new Object(); Car.prototype.wheels = 4; function RaceCar() { } RaceCar.prototype = new Car() ;

RaceCar.prototype.color = "red";

var vroom = new RaceCar()
vroom.wheels // 4
vroom.color // "red"


5. 便利なデータ構築
ECMAScript は多くの一般的なデータ型を扱うため、時間を節約し、プログラムを読みやすくすることができます。
配列
var 数字 = [3, 1, 4, 1, 5, 9];
オブジェクト

var img = { width: 320, height:160, src: "画像/es.png" };
正規表現

var email = /([^@]*)@([^@]*)/;
6. JavaScript オブジェクトの表記(JSON)

JSON は、人気のある軽量のデータ交換形式です。 JSON は、その構文が ECMAScript 構文のサブセットであるため、インタラクティブな Web ページや Web サービスに特に役立ちます。

7. 第 5 版
欧州コンピュータ製造者協会は最近、新しい ECMAScript 標準の第 5 版の最終候補草案を発表しました。いくつかの新機能は以下のとおりです:
1. 改良された標準ライブラリ
2. 標準化された JSON ライブラリ

パート 3:
1. 1.1 大文字と小文字を区別します
1.2 弱い型変数
var MyName="Xinzhu";var Age =22;var School="Gxnu";var Male=true; 1.3 各項目の末尾にはセミコロンを付けることができます (オプション)。 1.4 かっこはコード ブロックに使用されます

コードをコピー コードは次のとおりです: if(myName=="xinzhu"){

var age=22;

alert(age);


1.5JavaScript アノテーションメソッドと C 言語と同じjava
2. 変数

は、次のように var キーワードによって宣言されます。ここで、最初の文字は大文字または小文字、アンダースコアおよび $ であることに注意してください。 、および残り アンダースコア $ を使用できます。変数名はキーワードや予約語にすることはできません

3. すべての未知のものを表すデータ型
underfine を割り当てることができます。これは変数をクリアすることを意味するものではなく、おそらくこの概念はありますが、コードには
ブール値が使用されません。コードフローの処理と制御
数字、明確な大文字と順序を持つ線形のもの、コードのバッチ処理に使用され、コードの反復またはループを制御できます
文字列、人にとって合理的なもの、人を介して伝達できる情報-マシン、コードは人を理解できます 意図

4. 条件文

比較演算子、論理演算子、if 文、switch 文、これらはすべて非常に単純で整理されていません
5.ステートメント

、ただし、簡単すぎてリストできません
6. 関数
JavaScript コードには 1 つの形式しかありません: 関数、関数は関数のタイプ、イベントを完了するために使用されるメソッドです
形式:




コードをコピー

コードは次のとおりです: function functionName([arg0,arg1 ,arg2...argN ]){ ステートメント [returnm[expression]]

}

例:

コードをコピー

コードは次のとおりです。 function SayHello(sName){ alert("Hello" sName) }

sayName(xinzhu);// 呼び出し

リファレンス


1. 2012 年 3 月プログラミング言語ランキング: JavaScript 言語の復活 (1)

2. IT 企業面接マニュアル

3. >
標準 ECMA-262:
http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm4. >http://www.ecmascript.org/index.php5. 《JavaScript.jQueryを使いこなす》