近期在做一個項目，會遇到在子頁面中提交的時候會無法能夠調試javascript程式碼的情況出現，有時候這種問題，我們無法正常在瀏覽器，看到我們子頁面的javascript程式碼，所以只能夠用原始的alert 或conconsole.log()，當然，這也是一種解決方法，但是有時候，我們就想看一下程式到底是如何運作的，同時也可以看每個參數到底是什麼值，所以意義還是比較大的。
我貼張圖，大家就大概了解是什麼時候會出現這個問題了。
<script> <BR>function stopatchDog <BR>alert("aa"); <BR>var url = '<s:url value="/watchDog/stopWatchDog"/>'; <BR>var params = { <BR>watchDogId : watchDogId, <BR> }; <BR>$.post(url, params, function(data) { <BR>if (data.success) { <BR>closeDialog(); <BR>tbGrid.send(); <BR>} else { <BR>if (data.errorMsg != null && data.errorMsg != "") { <BR>jAlert(data.errorMsg, "系統訊息"); <BR>} else { <BR>jAlert("停止異常", "系統訊息"); <BR>} <BR>$("#saveBtn").removeAttr("disabled"); <BR>$("#saveBtn").css("color", "white" ); <BR>} <BR>}, "json"); <BR>} <BR></script>
這個其實是函數聲明，大家如果了解javascript上下文的話，就知道其實函數宣告只是在頁面上下文載入的時候載入的函數名，其函數內容無法正常載入。
如果我們換成函數自執行或是在函數自治性中定義這個函數宣告的話，那麼就可以解決這個問題了。
(function(){
(function(){
function stoppatch ) {
alert("aa");
var url = '';
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");
} })();
