對javascript/jquery變量作用域感到困惑

Question

下面代碼中的pastPath變量令我感到困惑。我通常使用C＃和MVC，這當然意味着我使用HTML，JavaScript和JQuery以及其他相關的網絡/移動技術。

當我運行此代碼並單擊.moreBtn pastPath報告時，它將按照我的意圖設置爲URL。然而，當我嘗試使用.backBtn來設置URL並強制瀏覽器返回上一頁時，我得到的是pastPath未定義，或者它被設置爲hello。

我知道我在這裏有一個問題的理解範圍。我已經閱讀了關於JavaScript範圍的文章，但是我想知道是否有人可以解決這個問題，並解釋我如何從第一個函數獲取URL到第二個函數。

我將在後面閱讀更多關於範圍的內容，但它在大多數其他語言中的範圍看起來非常不同，我目前沒有時間正確地研究它。

$(document).ready(function() 
{ 
    pastPath = "hello"; 

    $(".moreBtn").click(function() 
    { 
     var controller = $(".moreBtn").data('ctrl'); 
     var action = $(".moreBtn").data('action'); 
     loc = GetPathDetails("full"); //This simply returns the part of the URL I need. 
     pastPath = loc; 
     alert(pastPath); 
     var fullPath = loc + "/" + controller + "/" + action; 
     window.location = fullPath; 
    }); 

    $(".backBtn").click(function() 
    { 
     alert(pastPath); 
     //window.location = pastPath; 
    }); 

}); 

感謝您的幫助。

Answer 1

.moreBtn點擊更改頁面，以便存儲在pastPath中的任何數據都將丟失。

看一看DOM存儲，https://developer.mozilla.org/en-US/docs/DOM/Storage

Answer 2

• 當你正在使用jQuery，在點擊時（或其他事件）處理， 的「這」將是指引發該DOM元素事件。

• 如果你沒有使用「var pastPath」聲明你的變量，那麼pastPath將是一個「全局變量」，這意味着它將是全局對象的一個​​屬性。

在點擊處理程序不訪問相同的變量您是否正在訪問this.pastPath或只是pastPath（除非this指的是全局對象，這是因爲它是由jQuery的具體DOM觸發它不您點擊的元素）。

Answer 3

正如我們所知，變量有兩個範圍，即局部範圍和全局範圍。全局範圍：一個變量，它以簡單的術語（但不完全）在函數之外聲明或定義。

本地範圍：在函數內聲明的變量。

so $（document）.ready（function（）{}）;也是一個函數，所以在這之外聲明變量將解決問題。但是可能會使用該變量作爲局部變量的函數內部避免使用var pastPath。

所以你的最終代碼將變爲 var pastPath =「hello」; $（document）.ready（function（）{

$(".moreBtn").click(function() { 
    var controller = $(".moreBtn").data('ctrl'); 
    var action = $(".moreBtn").data('action'); 
    loc = GetPathDetails("full"); 
    //This simply returns the part of the URL I need. 
    pastPath = loc; 
    alert(pastPath); 
    var fullPath = loc + "/" + controller + "/" + action; 
    window.location = fullPath; 
}); 

$(".backBtn").click(function() { 
    alert(pastPath); 
    //window.location = pastPath; 
}); 

}）;

Answer 4

當您點擊$（「。moreBtn」）時，它將您重定向到fullpath，並且此重定向再次設置pastPath =「hello」，因此如果您希望在下一頁上使用過路徑值，請將其作爲查詢字符串發送，然後使用這是你的後扣。

類似：

$(document).ready(function() 
    { 
     var pastPath = "hello"; 

     $(".moreBtn").click(function() 
     { 
     var controller = $(".moreBtn").data('ctrl'); 
     var action = $(".moreBtn").data('action'); 
     loc = GetPathDetails("full"); //This simply returns the part of the URL I need. 
     pastPath = loc; 
     alert(this.pastPath); 
     var fullPath = loc + "/" + controller + "/" + action + " ?pastpath="+loc; 
     window.location = fullPath; 
     }); 

     $(".backBtn").click(function() 
     { 
        var path = window.location + ''.split('pathname='); 
        alert(path1[1]); 
       }); 

    });