谈谈前端异常捕获与上报

try catch (通常是为了判断一段代码是否存在异常)

    try {
       let a = 1;
       let c = a + c;
    } catch (err) {
        // 捕获处理
        console.log(err); // ReferenceError: c is not defined
    }
    缺点：在异常代码上进行包裹，会让页面代码显得臃肿，不适用于整个项目的异常捕获

window.onerror （全局监听异常捕获）

<script>
    window.onerror = function(errorMessage, scriptURI, lineNo, columnNo, error) {
    console.log('errorMessage: ' + errorMessage); // 异常信息
    console.log('scriptURI: ' + scriptURI); // 异常文件路径
    console.log('lineNo: ' + lineNo); // 异常行号
    console.log('columnNo: ' + columnNo); // 异常列号
    console.log('error: ' + error); // 异常堆栈信息
};
console.log(a);
</script>
缺点：跨域以后window.onerror是无法捕获异常信息的，所以script属性配置 crossorigin="anonymous" 并且服务器添加Access-Control-Allow-Origin。