JavaScript 实用技巧：语法检查、IE兼容与数组处理

JavaScript 实用技巧：语法检查、IE兼容与数组处理

在前一篇博文中，我介绍了一种让JavaScript具备类似Lambda表达式能力的方案，但受限于语法检查的兼容性，其适用场景较为有限。

不过，细心的读者可能注意到我在该（伪）Lambda模块中使用了一些技巧，接下来我将逐一介绍这些技巧。

利用new Function进行语法检查

开发框架时，我们常遇到代码生成代码的情况：因技术失误导致语法错误，进而引发运行时异常；或需处理用户输入，但用户可能有意或无意地输入错误语句或表达式。

为解决此类问题，部分开发者会编写（或采用现成的）复杂语法检查逻辑——但编写用于分析代码语法的代码极其痛苦，且发现问题后调整十分不便。

其实有更简单的解决方案：利用脚本引擎自身的语法检查机制，例如eval或new Function。当然，eval不可滥用，在不适当场景使用会导致程序崩溃；而new Function则相对安全——尽管它构造的函数始终在全局作用域下运行，但仅用于语法检查时，不会因作用域问题产生意外结果，只要不直接调用该新函数即可。

解决IE中eval的兼容性问题

这实际上是IE浏览器中的一个已知BUG。

出于某种原因，在IE中通过eval动态构造函数时，若仅在函数表达式两侧添加括号——例如：

 
eval('(function(){ /* code here */ })');

其返回值仍为undefined，而其他浏览器则正确返回新构造函数的引用。

经过简单探索，我发现最有效的解决方法是在参数前添加“0,”，这样在所有（或至少当前五大主流）浏览器中均能获得预期结果。

 
eval('0,function(){ /* code here */ }');

注：在IE9的Chakra引擎中，此问题已得到解决。

使用concat处理数组参数

严格来说，这应属于JavaScript的基础常识，因为该方法的用法在任何JavaScript语言功能参考中均可查阅。

但部分读者可能仍不清楚何时适用此技巧。

在我的（伪）Lambda模块中，我编写了一个函数，可将一个引用/值以多种别名同时附加到多个对象上。该函数既可接受单个对象作为参数，也可接受包含一系列对象的数组作为参数。

由于此函数调用频率较低，我决定采用（未必效率最高，但）简单有效的方案来适配两种情况：将单个对象参数转化为仅含一个元素的数组后再处理。为此，我选择了“[].concat(o)”的形式。

阅读我代码的读者可能注意到注释中还提及另一种方式：“if (!(o instanceof Array)) o = [o]”——后来我思考，认为前者不够严谨（与ECMAScript 5中的isArray相比），且因调用次数少，性能提升有限，故最终选择前一种方案。

阅读本文的读者，你们是否也有有趣的技巧愿意分享？