JavaScript でのオブジェクトプログラミング

オブジェクトベースのプログラミングについての説明 これで、オブジェクトベースのプログラミングについて次のことを学ぶことができますが、実際には前の章に属します。

with ステートメント ステートメントまたはステートメントのグループのデフォルト オブジェクトを指定します。

使用法: with ( ) ; with ステートメントは、通常、特定の状況で記述しなければならないコードの量を短縮するために使用されます。以下の例では、Math が繰り返し使用されていることに注意してください。 x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10); y = Math.tan(14 * Math.E); with ステートメントを使用すると、コードが短くなり、読みやすくなります: with (Math) { x = cos(3 * PI) + sin(LN10); y = Tan(14 * E); } this object は「現在の」オブジェクトを返します。異なる場所では、これは異なるオブジェクトを表します。これが JavaScript の「メイン プログラム」で (関数やイベント ハンドラーではなく) 使用される場合は、ウィンドウ オブジェクトを表します。これが with ステートメント ブロックで使用される場合は、with で指定されたオブジェクトを表します。これをイベント ハンドラーで使用すると、イベントが発生したオブジェクトを表します。

これの一般的な使用法: ... function check(formObj) { ... } ...

... ... ... ... この使用法は、フォーム入力の正当性を即座に確認するためによく使用されます。

カスタム コンストラクター Array() や Image() などのコンストラクターを使用して変数を構築できることはすでに知っています。実際、独自のコンストラクターを作成することもできます。カスタム コンストラクターも関数を使用します。これを関数内で使用してプロパティを定義します。 function [()] { ... this. = ; ... } 次に、新しいコンストラクタ キーワードを使用します変数を構築するには: var = new [()]; 変数を構築すると、 は独自のプロパティを持ちます。これを使って関数に設定します。

以下は、ブラウザーの詳細を収集するためにインターネット上で見つかったカスタム コンストラクターの例です: function Is() { var Agent = navigator.userAgent.toLowerCase(); this.major = parseInt(navigator.appVersion ; spoofer) )==-1) && // Netscape ですか? (agent.indexOf(compatibility) == -1)); this.ns2 = (this.ns && (this.major == 3)); Netscape 2 ですか? this.ns3 = (this.ns && (this.major == 3)); // Netscape 3 ですか? this.ns4b = (this.ns && (this.minor this.op3 = (agent.indexOf("opera") != -1); this.win = (agent.indexOf("win")!=- 1); // Windows バージョンですか? this.mac = (agent.indexOf("mac")!=-1); Macintosh バージョンですか? this.unix = (agent.indexOf("x11")!=- 1); //Unix バージョンかどうか }

var は = new Is(); このコンストラクターはブラウザーの情報を非常に収集します。完全に。オブジェクトの多くの属性 (メジャー、マイナー、ns、つまり win、mac など) が定義されていることがわかります。それらの意味については、上記の注を参照してください。 is 変数を Is() オブジェクトとして定義すると、if (is.ns) 形式を使用してブラウザの情報を簡単に知ることができます。このコンストラクターからは、通常の JavaScript ステートメント (上記の例では var ステートメント) も使用できることがわかります。

パラメーターを持つ別のコンストラクターを見てみましょう: function myFriend(theName, gender, theAge, BirthOn, theJob) { this.name = theName; this.is Male = (gender.toLowerCase == Male); this.age = theAge; this.birthday = new Date(birthOn); this.job = theJob }

var Stephen = new myFriend(Stephen, Male, 18, Dec 22, 1982, Student); このコンストラクターからは、パラメーターの使用法がわかるだけでなく、異なる属性が異なるデータ型を使用できることもわかります (上記)。たとえば、5 つの属性は文字列、ブール値、数値、日付、文字列です) また、コンストラクター内で属性を「構築」するためにコンストラクターを使用できることもわかりました。無限ループを回避するために十分な「保護手段」が使用されている場合は、コンストラクター自体を使用して独自のプロパティを構築できます。