讯享网

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p>错误处理非常重要的部分是首先识别错误可能会在代码中的什么地方发生。因为JavaScript 是松散<br /> 类型的&#xff0c;不会验证函数参数&#xff0c;所以很多错误只有在代码真正运行起来时才会出现。通常&#xff0c;需要注意3 类<br /> 错误&#xff1a;<br />  类型转换错误<br />  数据类型错误<br />  通信错误<br /> 上面这几种错误会在特定情况下&#xff0c;在没有对值进行充分检测时发生。<br /> 静态代码分析器<br /> 不得不说的是&#xff0c;通过在代码构建流程中添加静态代码分析或代码检查器&#xff08;linter&#xff09;&#xff0c;可以预先发现非<br /> 常多的错误。这样的代码分析工具有很多&#xff0c;详见GitHub Gist 网站All Gists 页面。常用的静态分析工具是JSHint、JSLint、Google Closure 和TypeScript。<br /> 静态代码分析器要求使用类型、函数签名及其他指令来注解JavaScript&#xff0c;以此描述程序如何在基本<br /> 可执行代码之外运行。分析器会比较注解和JavaScript 代码的各个部分&#xff0c;对在实际运行时可能出现的潜<br /> 在不兼容问题给出提醒。<br /> 类型转换错误<br /> 类型转换错误的主要原因是使用了会自动改变某个值的数据类型的操作符或语言构造。使用等于<br /> &#xff08;<mark>&#xff09;或不等于&#xff08;!&#61;&#xff09;操作符&#xff0c;以及在if、for 或while 等流控制语句中使用非布尔值&#xff0c;经常会导致<br /> 类型转换错误。<br /> 第3 章曾讨论过&#xff0c;相等和不相等操作符会自动把执行比较的两个不同类型的值转换为相同类型。在<br /> 非动态语言中&#xff0c;符号之间是直接比较的&#xff0c;因此很多开发者在JavaScript 中也会以相同方式来错误地比较<br /> 值。大多数情况下&#xff0c;最好使用严格相等&#xff08;</mark>&#61;&#xff09;和严格不相等&#xff08;!&#61;&#61;&#xff09;操作符来避免类型转换。来看下<br /> 面的例子&#xff1a;<br /> console.log(5 &#61;&#61; “5”); // true<br /> console.log(5 &#61;&#61;&#61; “5”); // false<br /> console.log(1 &#61;&#61; true); // true<br /> console.log(1 &#61;&#61;&#61; true); // false<br /> 这个例子分别使用了相等和严格相等操作符比较了数值5 和字符串&#34;5&#34;。相等操作符会把字符串&#34;5&#34;<br /> 转换为数值5&#xff0c;然后再进行比较&#xff0c;结果是true。严格相等操作符发现两个值的数据类型不同&#xff0c;因而直<br /> 接返回false。同样&#xff0c;对于1 和true 的比较也类似。相等操作符认为它们相等&#xff0c;但严格相等操作符认<br /> 为它们不相等。使用严格相等和严格不相等操作符可以避免比较过程的类型转换错误&#xff0c;强烈推荐用它们<br /> 代替相等和不相等操作符。<br /> 类型转换错误也会发生在流控制语句中。比如&#xff0c;if 语句会自动把条件表达式转换为布尔值&#xff0c;然后<br /> 再决定下一步的走向。在实践中&#xff0c;if 语句是问题比较多的。来看下面的例子&#xff1a;<br /> function concat(str1, str2, str3) {<br /> let result &#61; str1 &#43; str2;<br /> if (str3) { // 不要&#xff01;<br /> result &#43;&#61; str3;<br /> }<br /> return result;<br /> }<br /> 这个函数的用意是把两个或三个字符串拼接起来并返回结果。第三个字符串是可选的&#xff0c;因此必须检<br /> 测它是否存在。如第3 章所说&#xff0c;命名变量如果没有被赋值就会自动被赋予undefined 值。而在默认转换中&#xff0c;undefined 会被转换为布尔值false。因此这个函数的用意是在提供了第三个参数的情况下&#xff0c;<br /> 才会在拼接时带上它。问题在于并非只有undefined 会转换为false&#xff0c;字符串也不是唯一可转换为true<br /> 的值。假如第三个参数是数值0&#xff0c;if 条件判断就会失败&#xff0c;而数值1 则会导致满足条件。<br /> 在流控制语句中使用非布尔值作为条件是很常见的错误来源。为避免这类错误&#xff0c;需要始终坚持使用<br /> 布尔值作为条件。这通常可以借助某种比较来实现。例如&#xff0c;可以把前面的函数改写为如下形式&#xff1a;<br /> function concat(str1, str2, str3){<br /> let result &#61; str1 &#43; str2;<br /> if (typeof str3 &#61;&#61;&#61; “string”) { // 恰当的比较<br /> result &#43;&#61; str3;<br /> }<br /> return result;<br /> }<br /> 在这个重写的版本中&#xff0c;if 语句的条件会基于比较操作返回布尔值。这个函数相对更安全&#xff0c;受错误<br /> 值影响的可能性也更小。</p>