如何从另一个js文件调用函数;如何传递会话变量到另一个js文件

Question

我是Javascript的初学者，正在学习如何创建网站。我试图添加一个google+登录功能到我的web应用程序，但无法通过javascript传递会话信息。我有2个js文件- login.js和profile.js。当用户登录时，login.js将运行，并从profile.js中加载一个函数。我在index.html文件中包含了两个脚本，但仍然得到这个错误:loadProfile未定义。被困了几天，真的很感谢一些指导!

这是我的代码

index . html

  {head}
    {script src="https://apis.google.com/js/plusone.js"}{/script}
    {script src="https://apis.google.com/js/client:plusone.js"}{/script}
  {/head}
  {body}
  {script type="text/javascript" src="Scripts/profile.js"}{/script}
  {script type="text/javascript" src="Scripts/login.js"}{/script}
  {input type="button" id="login" value="Login" onclick="login()" /}
  {input type="button" id="logout" class="hide" value="Logout" onclick="logout()" /}
  {script type="text/javascript" src="Scripts/logout.js"}{/script}
  {/body}

login.js

function login() {
   var myParams = {
'clientid' : '699XXXXXXX.apps.googleusercontent.com',
'cookiepolicy' : 'single_host_origin',
'callback' : 'loginCallback', 
'approvalprompt':'force',
'scope' : 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com /auth/plus.profile.emails.read'
 };
gapi.auth.signIn(myParams);
}
function loginCallback(result) {
  if(result['status']['signed_in']) {
  alert("Login Success");
  var obj = gapi.auth.getToken();
  loadProfile();                // Calls loadProfile() from profile.js
  }
 }

profile.js

function loadProfile(){  
var request = gapi.client.plus.people.get( {'userId' : 'me'} );
request.execute(loadProfileCallback());
  }  
function loadProfileCallback(obj) {
profile = obj;
email = obj['emails'].filter(function(v) {
    return v.type === 'account';
})[0].value; 
displayProfile(profile);
  }
>>> subsequently it's just some callback functions

Answer 1

你可以简单地在你的HTML上写一些内联Javascript在你的文件声明之前，像这样:

<script>
    function loadProfile(){  
        var request = gapi.client.plus.people.get( {'userId' : 'me'} );
        request.execute(loadProfileCallback());
    } 
</script>
<script type="text/javascript" src="Scripts/profile.js"></script>
<script type="text/javascript" src="Scripts/login2.js"></script>

通过这种方式，该函数对所有后续文件都是全局可用的。参考这个答案:我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗?它和你有同样的问题，并且对文件的范围和它们的用法有很好的解释。