[英]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.