前端的水平线，错误处理和调试

错误类型

执行代码期间可能会发生的错误有多种类型。每种错误都有对应的错误类型，而当错误发生时，就会抛出相应类型的错误对象。
ECMA-262定义了下列7种错误类型：

• Error

• EvalError

• RangeError

• SyntaxError

• ReferenceError

• TypeError

• URIError

• RangeError类型的错误在数值超出相应范围时触发：

try {
    let obj = x;
} catch (e) {
    console.dir(e)
}

• SyntaxError类型， 当我们把语法错误的JavaScript字符串传入eval()函数时，就会导致此类错误。

eval('a++ b')

Function.prototype.toString.call('name')   // 抛出typeError

try {
    // ......
} catch (e) {
    if (e instanceof TypeError) {
        // 处理类型错误
    } else if (e instanceof ReferenceError) {
        // 处理引用错误
    } else {
        // 处理其他类型的错误
    }
}

throw new Error('Something bad happend')

处理错误的策略

略

常见的错误类型

错误处理的核心，是首先要知道代码里会发生什么错误。由于JavaScript是松散类型的，而且也不验证函数的参数，因此错误只会在代码运行期间出现。一般需要关注三种错误：

• 类型转换错误
• 数据类型错误
• 通信错误

类型转换错误

全等操作符知道要比较的是两种不同的数据类型，因而直接返回false。

数据类型错误

Javascript是松散类型的，也就是说，在使用变量和函数参数之前，不会对它们进行比较以确保它们的数据类型正确。

通信错误

  function addQueryString(url, name, value) {
            if (url.indexOf('?') === -1) {
                url += '?';
            } else {
                url += '&';
            }

            url += `&${encodeURIComponent(name)} = ${encodeURIComponent(value)}`;
            
            return url;
        }

function logError (lev, msg) {
    let img = new Image();
    img.src = `log.php?e`
}