「這個」不是指當前對象

Question

我對JS中的OOP是一種新的東西。我想知道爲什麼當創建子對象時，這會停止在第二級子對象之後引用主對象。

function Clase() 
{ 
    this.__construct = function() 
    { 
    this.paginator();    
    alert('__construct finished'); 
    };     

    this.paginator = function() 
    { 

     this.paginator.title = function() 
     { 
      this.paginator.title.set_offsets = function() 
      { 
       alert('paginator.title.set_offsets executed!'); 

      }; 
     }; 

     this.paginator.title(); //instantiating 

     alert('subobject paginator created');    
    }; 

    this.__construct(); 
} 

var instancia = new Clase(); 

instancia.paginator.title.set_offsets(); 

http://jsfiddle.net/WYWwE/

錯誤是：this.paginator是未定義的。

而現在，如果我用瓶蓋，它完美的作品：

function Clase() 
{ 
    self = this; 

    this.__construct = function() 
    { 
     this.paginator();    
     alert('__construct finished'); 
    };     

    this.paginator = function() 
    { 

     self.paginator.title = function() 
     { 
      self.paginator.title.set_offsets = function() 
      { 
       alert('instancia.paginator.title.set_offsets() executed'); 

      }; 
    }; 
    self.paginator.title(); 

    alert('this.paginator created'); 
}; 

this.__construct(); 
} 

var instancia = new Clase(); 

instancia.paginator.title.set_offsets(); 

http://jsfiddle.net/esjHu/

所以，據我所知之後的某一點，「這個」停止指的類「CLASE」，指的是什麼其他。如果是這樣，以這種方式使用閉包是一種很好的做法嗎？

以self = this開始課程也是正確的;從那時起只使用「自我」？例如：http://jsfiddle.net/byGRX/

Answer 1

當您嵌套function s時，您將失去對「原始」this的引用。爲了彌補執行以下操作：

function Clase() { 
    var that = this; 


    this.paginator = { 

     title: { 

      set_offsets: function() { 
       alert('paginator.title.set_offsets executed!'); 

      } 
     } 
    }; 
}; 

var foo = new Clase(); 

foo.paginator.title.set_offsets();​ 

http://jsfiddle.net/vd5YK/

Answer 2

你不會失去參考this對象，這裏發生了什麼：

例如：

function Class() { 

    this.func1 = function() { 

    this.func1.func2 = function() { 
     alert('Works!'); 
    }; 

    }; 

    this.func1.func2(); 
} 

x = new Class(); 

現在，原因你得到一個錯誤，說func2不存在是因爲func2函數對象不是直到您致電func1：

function Class() { 

    this.func1 = function() { 

    this.func1.func2 = function() { 
     alert('Works!'); 
    }; 

    }; 

    this.func1(); 
    this.func1.func2(); 
} 

x = new Class(); 

而現在它的工作。

編輯：

那麼，爲什麼不這項工作：

function Class() { 

    this.func1 = function() { 

     this.func1.func2 = function() { 

      this.func1.func2.func3 = function() { 
       alert('works!'); 
      }; 

      this.func1.func2.property = 5; 
     }; 

    }; 

    this.func1(); 
    this.func1.func2(); 
} 

x = new Class(); 

x.func1.func2.func3(); 

基本上，你所要做的是添加一個名爲property特性和一個名爲func3函數對象方法func2，但問題是func2在調用func1之前未構建。這是一樣的做：

function Class() { 

    this.func1 = function() { 

     this.func1.func2 = function() {}; 

    }; 

    this.func1.func2.func3 = function() { 
     alert('works!'); 
    }; 
    this.func1.func2.property = 5; 

    this.func1(); 
    this.func1.func2(); 
} 

x = new Class(); 

x.func1.func2.func3(); 

如果你想讓它通過調用func1工作，你需要先構造函數對象func2：根據你的情況下

function Class() { 

    this.func1 = function() { 

     this.func1.func2 = function() {}; 

    }; 

    this.func1(); 

    this.func1.func2.func3 = function() { 
     alert('works!'); 
    }; 
    this.func1.func2.property = 5; 

    // this.func1.func2(); 

} 

x = new Class(); 

x.func1.func2.func3(); 
alert(x.func1.func2.property);