JavaScript + Ajax 実践サンプル集

クラスに名前空間を付ける

説明補足説明コード分割コードコメント投稿

JavaScriptのクラス名がほかのクラス名と競合するのを回避するために、クラスに名前空間(Namespace)を追加します。ここでは、Pointクラスに名前空間「Sample」を追加しています。この場合、Pointクラスのインスタンスを生成するときは「new Sample.Point」のように記述します。

var p1 = new Sample.Point(1,2);
var p2 = new Sample.Point(3,4);

このサンプルを編集して試してみる | 新着サンプルのメールを受け取る

メルマガ登録！ (ドラッグ＆リサイズ可)

苗字
メール

このメルマガを購読すると、新着サンプルの情報を受け取ることができます。「苗字」と「メールアドレス」を入力したら[登録]ボタンをクリックしてください。このウィンドウは、任意の場所に移動したりリサイズすることができます。

var p1 = new Sample.Point(1,2);
var p2 = new Sample.Point(3,4);

このサンプルを編集して試してみる!

JavaScriptは名前空間(Namespace)をサポートしていませんが、オブジェクトを作成することにより代替えすることができます。Pointクラスに名前空間「Sample」を追加するには、「Sample」のオブジェクトを追加します。そして、このオブジェクトに関数オブジェクト(Function Object)を追加します。

var Sample = {};

Sample.Point = function(x,y) {
　・・・
}

Sample.Point.prototype.add = function(point2) {  
  ・・・
} 

Sample.Point.prototype.print = function() {
  ・・・   
}

jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中...

クラスに名前空間を付ける