Javascript OOPヘルプ/アドバイス/説明

Question

ねえ、私は質問があります。私は小さなJsオブジェクトを書いて、ページあたりの適切なスクリプト/スタイルをロードできるようにするために、私がどのページを管理しているかを簡単に管理します。私は理解していない状況にぶつかっています。私は、明らかに十分な現在のページに設定されるプロパティcurrentPageを持っていますが、私は以前に定義した別のプロパティからまっすぐに設定した場合、参照エラーを返しますが、同じ事を返す関数働く私はそれがなぜであるかわからない。誰かが私にこれを説明することはできますか？私はハードコアのJS開発者ではありません。私は行くにつれて物事を理解するので、これはJS固有のものですか？ここで私が何を意味するかのコードサンプルです：

var self = PageInfo = { 
    locationArray : window.location.pathname.toString().split("/"), 

    printOutPath : function(){ 
     console.log(self.locationArray.length); 
    }, 
    //ref. error to locationArray 
    parentDirectory : self.locationArray[self.locationArray.length -3], 
    currentPage : function() { 
     return self.locationArray[self.locationArray.length -2]; // works 
    } 
}; 

Answer 1

JavaScriptを使用する場合（中括弧{}を持つオブジェクトを作成する）リテラル構文をオブジェクトの各プロパティに行くの値は、オブジェクトの時点で評価されます式です創造された。オブジェクトはまだ存在しないため、同じオブジェクトのプロパティを参照することはできません。

self変数を作成する代わりに、オブジェクトのメソッド内でthisを使用できることに注意してください。

var PageInfo = { 
    locationArray : window.location.pathname.toString().split("/"), 

    printOutPath : function(){ 
     console.log(this.locationArray.length); 
    }, 

    currentPage : function() { return this.locationArray[this.locationArray.length -2];} 
}; 

alert(PageInfo.currentPage()); 

さらに読書：https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

限り、あなたはこのように、ドット構文を使用してメソッドを呼び出すよう：あなたがこれを行うことができますので

PageInfo.currentPage() 

...方法this内で自動的にオブジェクトを参照します

Answer 2

オブジェクトを定義するときには、そのオブジェクトが作成されるまで参照することはできません。関数を使用することで、オブジェクトが作成されるまでself.locationArrayの参照が遅延します。

Answer 3

オブジェクトは、文の実行後にのみselfとPageInfoに割り当てられます。 ステートメントの後にそれをしてください。

var self = PageInfo = { 
    locationArray : window.location.pathname.toString().split("/"), 

    printOutPath : function(){ 
     console.log(self.locationArray.length); 
    }, 

    currentPage : function() { return self.locationArray[self.locationArray.length -2]; // works 
    } 
}; 

self.parentDirectory = self.locationArray[self.locationArray.length -3]; 

それはそれはより多くのOO

var self = PageInfo = { 
    locationArray : window.location.pathname.toString().split("/"), 

    printOutPath : function(){ 
     console.log(this.locationArray.length); 
    }, 

    currentPage : function() { return this.locationArray[this.locationArray.length -2]; // works 
    } 
}; 

self.parentDirectory = self.locationArray[self.locationArray.length -3];  

作るPageInfoも

使用this内部の機能を更新する必要も= parentDirectory

var self = PageInfo = { 
    locationArray : window.location.pathname.toString().split("/"), 

    printOutPath : function(){ 
     console.log(this.locationArray.length); 
    }, 

    parentDirectory:"", 

    setParentDirectory: function() { 
     this.parentDirectory = this.locationArray[this.locationArray.length -3]; 
    }, 

    currentPage : function() { return this.locationArray[this.locationArray.length -2]; } 

}; 

self.setParentDirectory();