javascript在子頁面中函數無法調試問題解決方案_javascript技巧

近期在做一個項目，會遇到在子頁面中提交的時候會無法能夠調試javascript代碼的情況出現，有時候這種問題，我們無法正常在瀏覽器，看到我們子頁面的javascript代碼，所以只能夠用原始的alert 或者 console.log()，當然，這也是一種解決方案，但是有時候，我們就想看一下程式到底是如何啟動並執行，同時也可以看每個參數到底是什麼值，所以意義還是比較大的。

我貼張圖，大家就大概瞭解是什麼時候會出現這個問題了。

複製代碼 代碼如下:

<script>
function stopWatchDog(watchDogId) {
alert("aa");
var url = '<s:url value="/watchDog/stopWatchDog"/>';
var params = {
watchDogId : watchDogId,
};
$.post(url, params, function(data) {
if (data.success) {
closeDialog();
tbGrid.send();
} else {
if (data.errorMsg != null && data.errorMsg != "") {
jAlert(data.errorMsg, "系統訊息");
} else {
jAlert("停止異常", "系統訊息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
</script>

這個其實是函式宣告，大家如果瞭解javascript內容相關的話，就知道其實函式宣告只是在頁面上下文載入的時候載入的函數名，其函數內容無法正常載入。

如果我們換成函數自執行或者是在函數自治性中定義這個函式宣告的話，那麼就可以解決這個問題了。

複製代碼 代碼如下:

(function(){
function stopWatchDog(watchDogId) {
alert("aa");
var url = '<s:url value="/watchDog/stopWatchDog"/>';
var params = {
watchDogId : watchDogId,
};
$.post(url, params, function(data) {
if (data.success) {
closeDialog();
tbGrid.send();
} else {
if (data.errorMsg != null && data.errorMsg != "") {
jAlert(data.errorMsg, "系統訊息");
} else {
jAlert("停止異常", "系統訊息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
})();