JavaScript 常見錯誤與異常處理

、為什么要了解常見JS錯誤

1、調(diào)試和故障排除：

了解常見的JavaScript錯誤可以幫助你更好地調(diào)試和故障排除代碼。當你遇到錯誤時，能夠快速識別錯誤類型并找到解決方法，可以節(jié)省大量的時間和精力。

2、代碼質(zhì)量和穩(wěn)定性：

通過了解常見的JavaScript錯誤，你可以編寫更健壯和穩(wěn)定的代碼。你可以預先考慮到可能出現(xiàn)的錯誤情況，并采取適當?shù)拇胧﹣硖幚砘虮苊膺@些錯誤，從而提高代碼的質(zhì)量和穩(wěn)定性。

3、用戶體驗（很重要）：

JavaScript錯誤可能會導致應用程序崩潰、功能失效或不可預料的行為。通過了解常見的JavaScript錯誤并處理它們，可以提供更好的用戶體驗，避免應用程序因錯誤而中斷或表現(xiàn)不正常。

4、安全性：

某些JavaScript錯誤可能會暴露應用程序的漏洞，使其易受攻擊。了解這些錯誤并采取適當?shù)陌踩胧┛梢詭椭惚Ｗo應用程序免受潛在的安全威脅。

5、學習和成長：

通過了解常見的JavaScript錯誤，你可以不斷學習和成長。你可以深入了解錯誤的原因、背后的概念和解決方法，從而提高自己的技能和知識水平。

二、以下JS報錯的一些常見影響：

1、程序中斷：

JS報錯會導致程序的執(zhí)行中斷，代碼無法繼續(xù)執(zhí)行下去。

2、功能異常：

報錯可能導致程序的功能異常或不可用。例如，如果某個關(guān)鍵函數(shù)報錯，可能會導致相關(guān)功能無法正常運行。

3、頁面崩潰：

嚴重的JS報錯可能導致整個頁面崩潰，無法正常顯示或交互。

4、錯誤信息暴露：

報錯信息可能會被顯示在頁面上，這可能會泄露敏感信息，給攻擊者提供潛在的安全漏洞。

5、用戶體驗下降：

JS報錯可能會導致頁面加載緩慢或卡頓，影響用戶的體驗。

6、數(shù)據(jù)丟失：

某些報錯可能會導致數(shù)據(jù)丟失或損壞，特別是在涉及到數(shù)據(jù)處理或存儲的情況下。

7、兼容性問題：

不同瀏覽器對JS的處理方式可能不同，報錯可能會導致兼容性問題，使得頁面在某些瀏覽器上無法正常工作。

因此，及時處理和修復JS報錯是非常重要的，以確保程序的正常運行和用戶體驗。

三、有哪些常見錯誤及相應示例說明

1、TypeError 類型錯誤：

var num=666;
num(); 
// Uncaught TypeError: num is not a function

解決方法：確保你對值的操作和使用是符合其類型的。

2、ReferenceError引用錯誤：

console.log(foo); 
// Uncaught ReferenceError: foo is not defined

解決方法：確保你在使用變量或函數(shù)之前進行了正確的聲明和定義。

3、SyntaxError語法錯誤：

if (x > 5 { // 缺少右括號
  console.log('x is greater than 5');
}
//  Uncaught SyntaxError: Unexpected token '{'

解決方法：仔細檢查代碼，確保語法正確，例如括號匹配、分號使用等。

4、RangeError范圍錯誤：

function recursiveFunction() {
    recursiveFunction();
}
recursiveFunction();
//  Uncaught RangeError: Maximum call stack size exceeded

解決方法：確保你在訪問數(shù)組、字符串或其他可迭代對象時，使用的索引或位置在有效范圍內(nèi)。

function recursiveFunction(depth) {

if (depth===0) {

return;

}

recursiveFunction(depth - 1);

}

recursiveFunction(100);

// 在這個示例中，我們通過增加一個停止條件來修復范圍錯誤。遞歸的深度被限制在100次。

5、EvalErroreval 函數(shù)錯誤：

在JavaScript中，EvalError是一個錯誤類型，表示與eval()函數(shù)相關(guān)的錯誤。然而，在現(xiàn)代的JavaScript環(huán)境中，EvalError的使用相對較少。示例：

eval('alert("Hello, World!");'); 
// 我們使用eval()函數(shù)來執(zhí)行一個字符串作為JavaScript代碼。如果字符串中的代碼存在語法錯誤或其他問題，就會拋出EvalError。

解決方法：避免使用 eval 函數(shù)，盡量使用其他更安全的替代方法。例如使用Function構(gòu)造函數(shù)或解析器工具等。

6、URIErrorURI 錯誤：

decodeURIComponent('%'); 
// Uncaught URIError: URI malformed

解決方法：確保你在使用 URI 相關(guān)函數(shù)或方法時，提供的參數(shù)是合法的。

7、InternalError內(nèi)部錯誤：

function createHugeArray() {
  var arr=new Array(2000000000);
  return arr;
}
createHugeArray()

解決方法：InternalError通常是由于JavaScript引擎或運行時環(huán)境中的內(nèi)部問題導致的，例如堆棧溢出、內(nèi)存不足等。避免出現(xiàn)無限遞歸、死循環(huán)等問題，確保你的代碼邏輯正確。

8、AsyncError異步錯誤：

async function fetchData() {
  throw new Error('Something went wrong'); // 拋出一個錯誤
}
fetchData()
  .catch(error=> {
    console.log('Async error:', error); // 捕獲異步錯誤并進行處理
  });

解決方法：使用適當?shù)腻e誤處理機制，例如使用 try-catch 或 catch 方法來捕獲和處理異步錯誤。

async function fetchData() {

try {

throw new Error('Something went wrong'); // 拋出一個錯誤

} catch (error) {

console.log('Sync error:', error); // 捕獲同步錯誤并進行處理 }}

fetchData()

.catch(error=> {

console.log('Async error:', error); // 捕獲異步錯誤并進行處理

});

四、了解后的實踐和能收獲什么

1. 錯誤處理和異常處理是前端開發(fā)中不可或缺的一部分，能夠提升用戶體驗，減少用戶流失率：

綜合上述幾種異常錯誤，在部門小程序項目中進行了JS報錯異常優(yōu)化，第一版本優(yōu)化后錯誤數(shù)上線后由每日最高1374次降低到184次，減少了近86%的錯誤次數(shù)，由錯誤人數(shù) 694降低到109人，減少了近84%錯誤人數(shù)。

2.了解常見錯誤類型和異常類型，以及相應的解決方法，可以幫助我們更好地定位和解決問題。

3. 示例提供了一些常見錯誤的解決方法，但實際情況可能因代碼和環(huán)境而異，需要仔細分析和調(diào)試代碼。

4. 參考文章提供了更多學習資源和深入了解錯誤處理的內(nèi)容。

五、參考文章（部分內(nèi)容GPT生成）

?MDN Web 文檔：https://developer.mozilla.org/

?JavaScript 教程 - W3Schools：https://www.w3schools.com/js/

?JavaScript 錯誤處理和調(diào)試 - JavaScript.info：https://javascript.info/try-catch

?JavaScript 異常處理的藝術(shù) - Smashing Magazine：https://www.smashingmagazine.com/2020/08/error-handling-art-javascript/

?JavaScript 異常處理的 8 個技巧 - SitePoint：https://blog.logrocket.com/5-common-javascript-exception-handling-mistakes/

作者：京東零售孫鵬紅

來源：京東云開發(fā)者社區(qū) 轉(zhuǎn)載請注明來源

個春節(jié)，熬過了“看不懂”的短道速滑，見證了健兒們的淡定自若，歡慶了一個個來之不易的勝利，終于盼來了平昌冬奧會的閉！幕！式！

老規(guī)矩，每屆奧運會的閉幕式上，下屆主辦國都會為全世界獻上精彩的主題表演，來展示對全世界觀眾和運動健兒的熱烈歡迎。這回，作為2022年冬奧會主辦方的中國當然不能落下！

在剛剛過去的閉幕式上，張藝謀重挑大梁不負眾望，以“北京8分鐘”的表演接棒平昌，用實打?qū)嵉摹拔磥砜萍肌毕蚴澜缯故菊嬲膶嵙Γ?/p>

張藝謀說：“我們要傳遞兩個關(guān)鍵信息，第一是向全世界發(fā)出邀請，邀請每個人來參與和關(guān)注北京冬奧會。第二是向全世界展現(xiàn)新時代中國的形象。”

而在這由24名輪滑演員和24個智能機器人描繪出的八分鐘里，眼尖的小編一眼就看到了一抹熟悉的京東紅，居然也有可愛的機器人！別看就短短2秒，能被老謀子選中成為電商領(lǐng)域“中國未來軍團”的代表，與錢無關(guān)，這代表的就是“中國驕傲”！

原來，電影老將希望向世界展現(xiàn)中國蓬勃發(fā)展的電商行業(yè)，選中了京東物流的 “亞洲一號”(是不是聽名字就覺得很厲害！)

倉如其名，“亞一”有著“史上最強大智慧物流基礎設施”和“規(guī)模空前的機器人軍團”。到底有多酷炫呢？

“亞洲一號”全流程無人倉實現(xiàn)了從入庫、存儲、包裝、分揀的全流程、全系統(tǒng)的智能化和無人化，對整個物流領(lǐng)域而言都具有里程碑意義，在智慧物流領(lǐng)域處于全球領(lǐng)先水平。

夜幕下的“亞洲一號”

無圖無真相，上圖上圖。

立庫存儲

分揀機器人

視覺檢驗

運輸機器人

自動打包

想想自己的包裹在倉庫里跟一堆“黑科技”在一起，是不是有點兒小激動？

除了這些“黑科技”，小編還有其他一些“亞一”的細節(jié)圖，怎么說呢，看完圖神清氣爽，治愈了我多年的強迫癥。

大家自己看吧。

分揀機器人

立庫穿梭車

立體倉庫

視覺檢驗

周轉(zhuǎn)箱

自動打包

看到自家倉庫比自己臥室還整潔，小編感到肩上的擔子更重了…

怎么？還不盡興？想360度無死角感受霸氣全開的“亞一”，戳鏈接帶你走進未來—— https://v.qq.com/x/page/y0559a6to3y.html

其實在中國，像京東物流這樣默默“搞事情”的企業(yè)還有很多很多。我們的一大步，可能只是中國發(fā)展的一小步，就像這短短3秒，只是北京8分鐘里一個絢麗的瞬間。

但正是這每一個扎扎實實的小步，才共同拼成了偉大的中國夢想，就像奧林匹克本身那樣，凝聚了太多人的汗水、淚水，承載了太多人的希望和夢想，就算遭受千萬阻擋，就算一再犯錯失望，但是從不低頭，從不停止前進！

2022，讓我們通過一個“新時代”下全新的北京冬奧，告訴世界什么叫做東道主的熱情！

到時候上京東買補給，機器人給你們打氣！

很多人會問我店鋪申請刪單之后，店鋪分數(shù)就被扣完了，導致店鋪只能暫時性關(guān)閉，那么這就是犯了常見的錯誤。京東刪單是商家由于各種原因向后臺提出刪單申請，刪除訂單可以更好的保障店鋪運營基本不受影響。但是具體哪些情況下能刪單，刪單時會遇到哪些疑問，這些都是很大問題。都知道當遇到批量下單、敲詐勒索、差價/運費/贈品鏈接、套取利益這四類場景情況時，自然能提交異常訂單刪除。如果不是這些情況，還能有什么方法刪單呢。

1、除京東異常刪單，還有什么情況能刪單？

還有一種情況是協(xié)商刪單，這種僅限貨到付款訂單。使用場景有4種，下面分別舉例。

第一種，商家聯(lián)系客戶，客戶同意取消訂單。例如商品脫銷/超賣/有瑕疵，商家可預先聯(lián)系客戶解釋，征得客戶同意的前提下，提交刪單申請，并注明刪單原因。第二種，商家聯(lián)系客戶，客戶同意取消訂單。例如：貨到付款訂單用戶拒收，賣家聯(lián)系用戶，確認商品拒收取消后提交刪單申請。第三種，聯(lián)系不上客戶或客戶同意取消訂單。例如：用戶下單不符合購買規(guī)則或地址不詳無法配送，商家聯(lián)系用戶確認訂單異常點，是否可以修改訂單，如無法修改是否同意取消訂單。第四種，客戶要求取消訂單。例如：用戶原因取消訂單申請刪單，用戶通過咚咚/400電話聯(lián)系商家告知要求取消訂單。

2、京東協(xié)商刪單具體怎么操作？

具體操作路徑：權(quán)益服務 >維權(quán)管理>刪單申請 > 協(xié)商刪單>添加刪單。

3、申請京東刪單后，訂單多久之后就會刪除？

商家提交刪單申請后，系統(tǒng)自動觸發(fā)短信至消費者，告知訂單已被申請刪除。如消費者反饋未與商家達成一致，則刪單申請被駁回；如消費者未提出異議，訂單在48小時后自動刪除。

4、京東惡意訂單申請刪單記錄在哪里查？

商家登錄商家后臺—權(quán)益服務—維權(quán)管理—申請刪單—異常刪單/協(xié)商刪單內(nèi)，默認展示申請刪單歷史記錄，或者您也可以選擇對應的篩選框選項進行查詢。

5、違規(guī)申請刪單，平臺將會給予哪種處罰？

對未經(jīng)消費者同意申請協(xié)商刪單、遭消費者投訴的的商家，平臺將按《京東開放平臺商家積分管理規(guī)則》中“違背承諾”進行處理，每次扣12分。

在線咨詢

上一篇：Spire.Doc for Java 10.7.10
下一篇：用stylus將styl文件直接轉(zhuǎn)換成css文件

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商