IE10Error.stack腳本調(diào)試的方法
本文小編為大家詳細(xì)介紹“IE10 Error.stack腳本調(diào)試的方法”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“IE10 Error.stack腳本調(diào)試的方法”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。
公司主營業(yè)務(wù)：成都網(wǎng)站制作、網(wǎng)站設(shè)計、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出潁上免費(fèi)做網(wǎng)站回饋大家。
調(diào)試應(yīng)用程序
JavaScript 中的結(jié)構(gòu)化錯誤處理依賴于 throw 和 try/catch，開發(fā)人員將在其中聲明一個錯誤，并將控制流傳遞至處理錯誤的程序的某一部分。當(dāng)某一錯誤被引發(fā)時，Chakra，即 Internet Explorer 中的 JavaScript 引擎將捕獲引發(fā)該錯誤的調(diào)用鏈，這一過程也被稱為調(diào)用堆棧。如果被引發(fā)的對象是一個 Error（或者是一個函數(shù)，且其原型鏈將導(dǎo)致 Error），那么 Chakra 將創(chuàng)建一個堆棧跟蹤，即可人工讀取的調(diào)用堆棧列表。該列表將被表示為一種屬性，即 Error 對象中的 stack。stack 包含錯誤消息、函數(shù)名稱和該函數(shù)的源文件位置信息。這些信息將有助于開發(fā)人員了解所調(diào)用的函數(shù)，甚至查看錯誤的代碼行，從而迅速診斷缺陷。例如，這些信息可能表明傳遞至函數(shù)的某一參數(shù)為空，或為無效類型。
讓我們一同來查看一個簡單的腳本，并以此展開深入討論。該腳本試圖計算 (0, 2) 和 (12, 10) 兩點(diǎn)間的距離：
復(fù)制代碼
代碼如下:
(function () {
'use strict';
function squareRoot(n) {
if (n < 0)
throw new Error('Cannot take square root of negative number.');
return Math.sqrt(n);
}
function square(n) {
return n * n;
}
function pointDistance(pt1, pt2) {
return squareRoot((pt1.x - pt2.x) + (pt1.y - pt2.y));
}
function sample() {
var pt1 = { x: 0, y: 2 };
var pt2 = { x: 12, y: 10 };
console.log('Distance is: ' + pointDistance(pt1, pt2));
}
try {
sample();
}
catch (e) {
console.log(e.stack);
}
})();
該腳本中包含一個缺陷，其未調(diào)整組件間的差異。因此，對于某些輸入而言，pointDistance 函數(shù)將返回錯誤的結(jié)果；而在其他情況中，該腳本將導(dǎo)致錯誤發(fā)生。為了理解堆棧跟蹤的含義，讓我們一同來查看 F12 開發(fā)人員工具中的錯誤，并查看其腳本選項卡：
屏幕截圖中的 F12 開發(fā)人員工具顯示了一個由調(diào)用 console.log(e.stack) 記錄的堆棧跟蹤，其中 e 是傳遞至 try/catch 數(shù)據(jù)塊中 catch 子句的錯誤對象。
堆棧跟蹤將轉(zhuǎn)儲至 catch 子句中的控制臺，由于其位于堆棧的頂部，因此起源于 squareRoot 函數(shù)的錯誤將變得顯而易見。為了調(diào)試這一問題，開發(fā)人員無需深入查看堆棧跟蹤；系統(tǒng)已違反 squareRoot 的前置條件，而且只需查看堆棧的上一級，原因?qū)⒆兊檬置髁耍簊quareRoot 調(diào)用內(nèi)的子表達(dá)式自身應(yīng)該為 square 的參數(shù)。
調(diào)試過程中，stack 屬性將有助于識別用于設(shè)置斷點(diǎn)的代碼。請記?。耗€可使用其它方法來查看調(diào)用堆棧：例如，如果您將腳本調(diào)試程序設(shè)置為“捕獲異常即中斷”的模式，那么您可使用該調(diào)試程序來檢查調(diào)用堆棧。對于部署的應(yīng)用程序，您可考慮在 try/catch 內(nèi)合并問題代碼，以捕獲失敗的調(diào)用，并將其記錄于服務(wù)器中。隨后，開發(fā)人員可查看調(diào)用堆棧，以隔離問題區(qū)域。
DOM 異常與 Error.stack
此前，我曾注意到被引發(fā)的對象必須為 Error 或通過其原型鏈導(dǎo)致 Error。這是有意而為之；JavaScript 可支持引發(fā)任何對象，甚至包括作為異常的基元。盡管系統(tǒng)可捕獲和檢查所有這些對象，但是它們的全部用途并非包含錯誤或診斷信息。因此，引發(fā)過程中僅將更新錯誤的 stack 屬性。
即便對象為 DOM 異常，它們也不包含可導(dǎo)致 Error 的原型鏈，因此它們將不包含 stack 屬性。在某些應(yīng)用場景中，您需要執(zhí)行 DOM 操作，并希望暴露 JavaScript 兼容的錯誤，那么您可能希望在 try/catch 數(shù)據(jù)塊內(nèi)合并您的 DOM 操作代碼，并在 catch 子句中引發(fā)一個新的 Error 對象：
復(fù)制代碼
代碼如下:
function causesDomError() {
try {
var div = document.createElement('div');
div.appendChild(div);
} catch (e) {
throw new Error(e.toString());
}
}
然而，您可能將考慮是否要使用該模式。這可能是最適用于實(shí)用工具庫開發(fā)的模式，特別是在您考慮代碼的意圖是否為隱藏 DOM 操作或簡單地實(shí)施某一任務(wù)的時候。如果其目的為隱藏 DOM 操作，那么合并操作并引發(fā) Error 可能是我們需要選擇的正確方式。
性能注意事項
堆棧跟蹤的構(gòu)造始于錯誤對象被引發(fā)之時；構(gòu)造堆棧跟蹤需要查看當(dāng)前執(zhí)行堆棧。為了防止遍歷特大堆棧過程中出現(xiàn)性能問題（甚至可能出現(xiàn)的遞歸堆棧鏈），默認(rèn)情況下，IE 僅將收集前十位的堆棧幀。然而該設(shè)置可通過將靜態(tài)屬性 Error.stackTraceLimit 設(shè)置為另一數(shù)值而得以配置。該設(shè)置是全局性的，而且必須在引發(fā)錯誤之前 進(jìn)行變更，否則其將對堆棧跟蹤無效。
異步異常
當(dāng)某一堆棧是由異步回調(diào)（例如 timeout、interval 或 XMLHttpRequest）生成，那么異步回調(diào)（而非由異步回調(diào)創(chuàng)建的代碼）將位于調(diào)用堆棧的底部。這將對跟蹤有問題的代碼產(chǎn)生某些潛在影響：如果您對多個異步回調(diào)使用相同的回調(diào)函數(shù)，那么您將難于通過單獨(dú)檢查而確定是哪一回調(diào)產(chǎn)生了錯誤。讓我們對此前的示例稍作修改，我們將避免直接調(diào)用 sample()，而是將其放入超時回調(diào)：
復(fù)制代碼
代碼如下:
(function () {
'use strict';
function squareRoot(n) {
if (n < 0)
throw new Error('Cannot take square root of negative number.');
return Math.sqrt(n);
}
function square(n) {
return n * n;
}
function pointDistance(pt1, pt2) {
return squareRoot((pt1.x - pt2.x) + (pt1.y - pt2.y));
}
function sample() {
var pt1 = { x: 0, y: 2 };
var pt2 = { x: 12, y: 10 };
console.log('Distance is: ' + pointDistance(pt1, pt2));
}
setTimeout(function () {
try {
sample();
}
catch (e) {
console.log(e.stack);
}
}, 2500);
})();
一旦執(zhí)行該代碼段，您將發(fā)現(xiàn)堆棧跟蹤將出現(xiàn)稍許延遲。此時，您將同時發(fā)現(xiàn)堆棧底部并非全局性代碼，而是Anonymous function。事實(shí)上，這并非同一匿名函數(shù)，而是傳遞至 setTimeout 的回調(diào)函數(shù)。由于您丟失了與掛起回調(diào)有關(guān)的上下文，因此您可能無法確定調(diào)用回調(diào)的內(nèi)容。如果在某一應(yīng)用場景中，系統(tǒng)注冊了某一回調(diào)來處理許多不同按鈕的 click 事件，那么您將無法分辨注冊將引用哪一回調(diào)。話雖如此，這一限制作用畢竟有限，因為在大多數(shù)情況中，堆棧頂部可能將突出顯示問題區(qū)域。
讀到這里，這篇“IE10 Error.stack腳本調(diào)試的方法”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前標(biāo)題：IE10Error.stack腳本調(diào)試的方法
當(dāng)前鏈接：http://bm7419.com/article12/jdshgc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、建站公司、App開發(fā)、定制開發(fā)、商城網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 如何有效提高Google自然搜索中網(wǎng)站關(guān)鍵詞的排名 2014-02-26
- Google最新收錄規(guī)則，怎樣才能讓網(wǎng)站快速被Google收錄 2015-02-07
- 如何被Google 或其他搜索引擎找到？Google 測試工具告訴你! 2019-11-16
- Google seo適合哪些人群？ 2016-04-16
- 教你認(rèn)識什么是符合Google規(guī)則的網(wǎng)站？ 2016-09-26
- 網(wǎng)站內(nèi)容排名在Google首頁需要關(guān)注的幾大因素是什么？ 2015-12-15
- 成都外貿(mào)推廣：充分利用新Google Search Console的7個步驟 2016-03-01
- 外貿(mào)網(wǎng)站建設(shè)創(chuàng)新互聯(lián)合作Google SEO推廣？ 2023-05-05
- 為什么Google討厭我的外貿(mào)網(wǎng)站？ 2015-05-16
- Google成功之謎 2016-05-18
- 江蘇網(wǎng)站建設(shè)谷歌代理商告訴你通過 Google AdMob 展示相關(guān)廣告，從數(shù)以百萬計的廣告主那里獲 2016-03-24
- google優(yōu)化-關(guān)于不再提供站長統(tǒng)計 2014-04-02