使JavaScript變量可見在整個腳本

Question

我得到這個

$('#password').change(function() { 
    var toSha1 = $('#msisdn').val() + $('#password').val(); 
    var authCode = $.sha1(toSha1); 
}); 

我怎樣才能把這些變量AUTHCODE在整個腳本可見。例如這個工作正常：

$('#password').change(function() { 
    var toSha1 = $('#msisdn').val() + $('#password').val(); 
    var authCode = $.sha1(toSha1); 
}); 
alert(authCode); 

我試過了，沒有關鍵字「var」，但它似乎不工作。

編輯：這裏的源

<div data-role="content"> 
    <textarea id='resultArea'></textarea> 
    <label for='msisdn'>MSISDN:</label> 
    <input type='text' id='msisdn' value='+359899888777'> 
    <label for='authCode'>authCode:</label> 
    <input type='text' id='authCode' value='8bcac5dabf06219843a5a3b755c47e69600e050a'> 
    <label for='password'>Password:</label> 
    <input type='password' id='password' value='123'> 
    <button data-role='button' data-inline='true' data-theme='e' id='register'>Register</button> 
    <button data-role='button' data-inline='true' data-theme='e' id='login'>Login</button> 
</div><!-- /content --> 
<script> 
$('#resultArea').hide(); 
$('#password').change(function() { 
    var toSha1 = $('#msisdn').val() + $('#password').val(); 
    window.authCode = $.sha1(toSha1); 
}); 
alert(window.authCode); 
</script> 

Answer 1

使之成爲全球性明確：

window.authCode = $.sha1(toSha1); 

全局變量是window對象的屬性。

請注意，您的代碼存在單獨的問題：您在連接處理程序後立即提醒authCode的值，而不是在change事件觸發時提醒值。查看評論：

$('#resultArea').hide();    // Happens immediately 
$('#password').change(function() {  // change() call happens immediately, setting up the handler 
    // ...but this code runs when the handler is *called*, not inline with the code above and below 
    var toSha1 = $('#msisdn').val() + $('#password').val(); 
    window.authCode = $.sha1(toSha1); 
}); 
alert(window.authCode);    // Happens immediately after the calls above 

Answer 2

變化：

var authCode = $.sha1(toSha1);

到

window.authCode = $.sha1(toSha1);