0

以下に示すように、2つのファイル（htmlとjs）があります。

test.html

  <body>
  <script>
    /*Loads the fb api*/
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '<APP-ID>',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true,
      });
     TimelineScript(); /* function that loads the external javascript */
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));

  . . .
  . . .
  . . .

  function TimelineScript(){
   FB.getLoginStatus(function(response) {
     if (response.status === 'connected') {
         var dt = new Date();
         var _testvar = 100;/*Used in the external javascript file*/       

         /*Loading my external javscript*/
         (function() {
            var sa = document.createElement('script'); 
            sa.type = 'text/javascript'; 
            sa.async = true;
            sa.src = 'http://www.mywebsite.com/javascripts/testing.js?random='+dt.getTime();
            var script_tag = document.getElementsByTagName('script')[0]; 
            script_tag.parentNode.insertBefore(sa, script_tag);

          })();

     } else if (response.status === 'not_authorized') {
       alert("the user is logged in to Facebook, but not auth your app");
     } else {
       alert('user is not logged into fb!');
     }
  });
 }

 </script>

  . . .
  . . .
  . . .

  </body>

testing.js

alert('loaded testing .js'); //works
alert(_testvar); //throws error

_testvar is not definedtesting.js ファイルのアラートは、firebug コンソールでエラーをスローします。変数を宣言してから外部jsをロードするだけのプレーンスクリプト(すべてのFacebook APIコードなし)がある場合、アラートは正常に機能します。この場合、何が問題になっていますか？

4

3 に答える 3

0

関数の外で「_testvar」を定義すると、機能するはずです。これにより、1 つの関数だけでなく、スコープ全体で変数を使用できます。

<script>
var _testvar = 0;
....
function TimelineScript(){
 FB.getLoginStatus(function(response) {
   if (response.status === 'connected') {
       var dt = new Date();
       _testvar = 100;/*Used in the external javascript file*/       

       /*Loading my external javscript*/
       (function() {
          var sa = document.createElement('script'); 
          sa.type = 'text/javascript'; 
          sa.async = true;
          sa.src = 'http://www.mywebsite.com/javascripts/testing.js?random='+dt.getTime();
          var script_tag = document.getElementsByTagName('script')[0]; 
          script_tag.parentNode.insertBefore(sa, script_tag);

        })();

   } else if (response.status === 'not_authorized') {
     alert("the user is logged in to Facebook, but not auth your app");
   } else {
     alert('user is not logged into fb!');
   }
});

}

于 2012-05-21T06:23:26.870 に答える
0

Javascript は、匿名かどうかに関係なく、作成する関数ごとに新しい変数スコープを作成します。

したがって、_testvar次のコードの は無名関数に対してローカルであり、他のスクリプト ファイルからはアクセスできません。

  function TimelineScript(){
   FB.getLoginStatus(function(response) {
     if (response.status === 'connected') {
         var dt = new Date();
         var _testvar = 100;/*Used in the external javascript file*/
于 2012-05-21T06:24:24.830 に答える
0

変数_testvarは、 FB.getLoginStatus非同期 (私が思うに) 呼び出しによって定義されます。したがって、変数をテストしている時点 (つまり、すぐに) は、FB がログイン ステータスを取得しようとしているため、これはまだ設定されていません。

これは非同期モードのためです。コードの直後ではなく、非同期応答を取得するときに、同期モードを設定するか、_testvarをチェックしようとする場合があります。

于 2012-05-21T06:34:50.297 に答える