Question

我有两个文件（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

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

Answer 1

如果你在函数之外定义“_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!');
   }
});

}

Answer 2

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*/

Answer 3

变量 _testvar 是通过 FB.getLoginStatus asynchronus（我认为）调用定义的。所以，你测试变量的时间（即，立即），由于FB试图获得登录状态，这甚至还没有设置。

这是因为异步模式;您可能会尝试设置同步模式或在收到异步响应时检查 _testvar ，而不是在代码之后。

无法为外部javascript文件设置变量

3 个答案: