### 一、排查錯誤方式 1、一般檢察錯誤，都使用chrome斷點檢查 2、如果斷點處沒找到錯誤，那么試查下上一語句塊是否有錯 3、事件響應2次，看看有沒有默認事件 4、公共事件不起效果，看看方法有沒有重復調用，或id重復 5、如果布局錯誤，查看到標簽完整性，就是有沒有結束標簽 6、查看有沒有此方法，或方法使用不對 7、如果已知方式解決不了，就查詢下官方文檔或其他優秀文檔 8、多模塊檢察，不要單一的認定某個方法/語句的對錯，都要檢查 9、如果一種方式不行，可嘗試其他方式 10、如果返回404，要先檢查地址對不對 11、如果返回值有問題/沒有返回值，要查看有沒有傳參，再看參數對不對 12、如果修改過文件，實在找不出錯誤，就用二分法排除吧 13、對于內存泄漏，可以打開資源管理器，放一會，查看內存有沒有增加，如果增加了，就檢查下代碼，看下有沒有哪個數據一直在增加或方法一直在調用 15、每次修改文件最好強刷（Ctrl+F5） ### 二、常見錯誤類型 ~~~ new SyntaxError('語法錯誤~'); // 示例：var 1a; // SyntaxError: 語法錯誤~ // at <anonymous>:1:1 new ReferenceError('引用錯誤~'); // 示例：var b = a; // ReferenceError: 引用錯誤~ // at <anonymous>:1:1 new RangeError('范圍錯誤~'); // 示例：var a= new Array(-1); // RangeError: 范圍錯誤~ // at <anonymous>:1:1 new TypeError('類型錯誤~'); // 示例：var a= new 123; // TypeError: 類型錯誤~ // at <anonymous>:1:1 new URIError('URI錯誤~'); // 示例：decodeURI('%2') // URIError: URI錯誤~ // at <anonymous>:1:1 ~~~ ### 三、錯誤打印 ~~~ console.log('日志類打印'); console.error('錯誤類打印'); console.warn('告警類打印'); console.info('信息類打印'); console.debug('調試類打印'); ~~~ ### 四、預錯誤處理 ~~~ try { var a = new Array(-1); } catch(err) { console.log(err); } finally { // 無論 try / catch 的結果如何都會執行 } ~~~