0

我有两个文件（html 和 js），如下所示。

测试.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>

测试.js

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

_testvar is not definedtesting.js 文件中的警报在firebug 控制台中引发错误。如果我有一个仅声明一个变量然后加载外部 js 的纯脚本（没有所有 facebook api 代码），则警报工作正常。在这种情况下出了什么问题？

4

3 回答 3

0

如果您在函数之外定义“_testvar”，它应该可以工作。这允许变量在一个函数之外的范围内使用：

<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 回答