如何在不同的功能中使用變量？

Question

我試圖在下面的JavaScript中打印出latitude（lat）變量。

我該如何參考lat變量？ this.lat, that.lat, vicinity.lat等？

在我的javascript我有

var Vicinity = function (pubReference, sessionId, done, err) { 
    this.ad = { 
     getBannerHtml: function() { 
      console.log(this.lat); // how do I refer to the lat variable? 
     } 
    }; 

    this.init = function (done, err) { 
     var that = this; 
     this.getLatLng(that, function (position) { 
      that.lat = position.coords.latitude; 
     }, err); 
     if (typeof done === 'function') 
      done(this); 
    }; 

    this.init(done, err); 
}; 

$(document).ready(function() { 
    var data = new Vicinity(pubReference, sessionId, 
     function (result) { 
      $("#sticky").html(result.ad.getBannerHtml()); 
     } 
    ); 
}); 

Answer 1

你就要成功了。您已在init()中聲明that爲this。只要做到在整個功能和它應該工作：

var Vicinity = function (pubReference, sessionId, done, err) { 
    var that = this; 
    this.ad = { 
     getBannerHtml: function() { 
      console.log(that.lat); // how do I refer to the lat variable? 
     } 
    }; 

    this.init = function (done, err) { 
     var that = this; 
     this.getLatLng(that, function (position) { 
      that.lat = position.coords.latitude; 
     }, err); 
     if (typeof done === 'function') 
      done(this); 
    }; 

    this.init(done, err); 
}; 

$(document).ready(function() { 
    var data = new Vicinity(pubReference, sessionId, 
     function (result) { 
      $("#sticky").html(result.ad.getBannerHtml()); 
     } 
    ); 
}); 

Answer 2

您還可以通過使用「應用」功能調用您附近的範圍getBannerHtml方法。 「this」變量設置爲您傳遞的對象。

$(document).ready(function() { 
    var data = new Vicinity(pubReference, sessionId, 
     function (result) { 
      $("#sticky").html(result.ad.getBannerHtml.apply(result)); 
     } 
    ); 
}); 

Answer 3

我已經張貼在另一篇文章卻得到了另一種思路;） 這是一種明顯的，但工程。

getBannerHtml: function(lat, lon) { 
    return '<iframe src="http://foo.com?pr=34&lat'+ lat +'=&lon=' + lon + '"></iframe>'; 
} 

$(document).ready(function() { 
    var pubReference = 1; 
    var sessionId = "1"; 
    var data = new Vicinity (pubReference, sessionId, 
    function(result) { 
     $("#sticky").html(result.ad.getBannerHtml(result.lat, result.lon)); 
    } 
); 
}); 

您也可以使用「應用」功能調用您的附近範圍內的getBannerHtml方法。 「this」變量設置爲您傳遞的對象。

$(document).ready(function() { 
    var pubReference = 1; 
    var sessionId = "1"; 
    var data = new Vicinity(pubReference, sessionId, 
     function (result) { 
      $("#sticky").html(result.ad.getBannerHtml.apply(result)); 
     } 
    ); 
});