簡體   English   中英

從頭開始在體內定義警報變量

[英]Alert variable defined in body from head

我有一個使用Facebook Javascript SDK的簡單HTML頁面:

<html>
 <head>
 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
 <script>
 alert(publish);
 </script>
 </head>

 <body>
 <script type="text/javascript">
 window.fbAsyncInit = function() {
    FB.init({
       appId      : 'xxxxxxxxxxx',
       xfbml      : true,
       version    : 'v2.1'
    });

    FB.getLoginStatus(function(response) {
    });

    FB.api(
       "/me/permissions",
       function (response) {
          if(response && !response.error) {
              publish = '1';
          }
          else {
              publish = '0';
          }
       }
    );

 };
 (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk')); 
 </body>
</html>

我想使用在FB.api函數內部定義的名為publish的變量。 我想在本節中使用它,但是由於它是在以后定義的,因此它會記錄未定義的變量錯誤。 有沒有解決的辦法?

您需要在函數啟動之前定義變量。 然后該函數將更新變量。

<script type="text/javascript">
var publish;

這里有兩個問題,聲明問題和時序問題。

截至您的alert行,尚未創建名為publish變量。 如果嘗試讀取未聲明符號的值,則會導致ReferenceError (如果嘗試一個未聲明的符號,則在寬松模式下會收到“隱式全局變量的恐怖” ,在嚴格模式下會得到一些合理的信息:A ReferenceError 。)

但是,更重要的是,計時問題是這樣的:從您試圖發出警報時起,不僅未聲明publish ,而且即使聲明了聲明,它也沒有任何用處,因為您尚未設置該值然而。

提醒publish值的正確位置是在api回調中獲取值的位置:

FB.api(
   "/me/permissions",
   function (response) {
      var publish;                      // <== declare it
      if(response && !response.error) {
          publish = '1';
      }
      else {
          publish = '0';
      }
      alert(publish);                   // <== use it
   }
);

如果需要在api回調外部使用publish ,則可以將聲明移到回調外部。 但是在發生回調之前,您不能使用 publish (有意義地)。 因此,例如:

var publish; // <======= Declaration
window.fbAsyncInit = function() {
    FB.init({
       appId      : 'xxxxxxxxxxx',
       xfbml      : true,
       version    : 'v2.1'
    });

    FB.getLoginStatus(function(response) {
    });

    FB.api(
       "/me/permissions",
       function (response) {
          if(response && !response.error) {
              publish = '1';               // <=== fill it in
          }
          else {
              publish = '0';               // <===
          }
       }
    );
};

function doSomethingWithItLater() {        // <=== A function that uses it
    if (publish) {
        // Do this
    } else {
        // Do that
    }
}

(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk')); 

重要的是,在調用api回調並設置publish的值之前不要調用doSomethingWithItLater 確保這一點的最佳方法是從回調中調用它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM