如何從嵌套函數訪問構造函數的方法/字段

Question

我正在嘗試從嵌套函數訪問構造函數的字段。

這是我的代碼：

var Box = function() {
  this.div = $("div#mydiv");
  this.guide = {
     div: $("div#mydiv2"),
     scroll: function() {
        $(document).scrollTo(this.div); //Want to scroll to mydiv2
        alert(Box.div.attr("id")); //Want to alert mydiv id
                                   //How do I access the div field of the Box constructor?
     }
  }
}

如果我這樣調用scroll方法：

var a = new Box();

$("#button").click(function() {
a.guide.scroll();
});

Box.div返回未定義狀態。

如果我嘗試將scroll方法中的div屬性的id alert為this.div ，它將使用guide對象中的div屬性。 我嘗試使用Box.div引用參考guide對象之外的div字段，但這不起作用。 請幫我解決這個問題。

Answer 1

將此添加到Box函數的第一行：

var Box = function() {
    var self = this;

則警示，用self來代替this因為this是不是指的頂級功能（盒）。

$(document).scrollTo(self.div); 

Answer 2

這是因為滾動功能中的“ this”對象是指功能本身。 您需要緩存對最外面的“ this”對象的引用，並使用它代替。 有關示例，請參見此小提琴：

http://jsfiddle.net/tuando/kBc5K/