首页 / JAVASCRIPT / JavaScript小技巧 2.5 则

JavaScript小技巧 2.5 则

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript小技巧 2.5 则，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2429字，纯文字阅读大概需要4分钟。

内容图文

在前一篇博文中我介绍了一种可以让JavaScript多少具备一点类似Lambda表达式的编程能力的办法，但是由于要兼容于JavaScript的语法检查，所以可以使用的场合也很有限。

不过有些比较细心的朋友可能发现了，我在那个（伪）Lambda模块中使用了几个小技巧，现在我就把这几个小技巧介绍一下：

1、使用new Function来进行语法检查。

尝试写框架的同学们一定对此感受颇深：有的时候通过代码产生的代码可能因为技术上的失误而产语法错误，导致运行过程中异常中断；有的时候需要接受用户的输入，但用户可能有意或者无意地写入有误的语句或表达式。
有些同学为了解决这种问题特意去编写（或者使用现成的）复杂的语法检查过程——但编写用来分析代码语法的代码是一件极其痛苦的事情，一旦发现问题调整起来也非常不方便。
其实这个问题有简单一点的解决办法，就是使用脚本引擎自己的语法检查，比方说eval或者new Function——当然这个eval是不能乱用的，在不适当的时候用了eval的话整个程序都会出问题的；而new Function就没这么大问题——虽然说new Function在任何情况下构造的函数都是在全局作用域下直接工作的，但只是语法检查的话并不会因为作用域问题而产生意外结果，只要你不真的直接调用通过它构造的新函数。

2、在eval接受的参数前面增加“0,”。

其实这是由于IE中存在一个BUG。

出于某种神奇的原因，如果你在IE中想通过调用eval来动态地构造一个函数的话，如果只是在函数的表达式两边增加括号——例如：
代码如下:

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

得到的返回也仍然是undefined，而其它浏览器则会正确地返回这个新构造的函数的引用。 
经过小小的探索之后，我发现最简单有效的解决问题的办法就是在前边加上“0,” ，这样就在所有（或者说，至少是现在的五大主流）浏览器中都能得到预期结果了。 
 代码如下:

eval('0,function(){ /* code here */ }'); 
 
注：在IE9的Chakra引擎中这个问题已经解决了～ 

3、使用数组对象的concat方法来产生新数组。 

认真的说这个应该属于JavaScript的常识，毕竟这个方法的用法在任何一个JavaScript语言功能参考上都能找到。 
但是可能有些同学总是想不起来什么时候可以用它。 
在我的（伪） Lambda模块中，我很无聊地编写了一个可以把一个引用/值以多种别名同时附加在多个对象上的函数，这个函数既可以接受一个对象作为参数，也可以接受包含一系列对象的数组作为参数。 
由于这个函数被调用的次数比较少，所以我决定用（不一定效率最好，但）简单有效的办法来适应两种情况，也就是把单个对象参数转化为只包含一个元素的数组再来处理，我选择了用“[].concat(o)”的形式。 
如果你有阅读我的代码，你可能会发现注释中还包含了另一种方式，也就是“if (!(o instanceof Array)) o = [o]” ——后来我想了想，觉得一来不够严谨（和ECMAScript 5中的isArray相比），二来调用的次数比较少，性能提升也很有限，就选择了前一种。 
在阅读本文的同学们，你们有没有什么有趣的技巧可以分享给大家呢？

内容总结

以上是互联网集市为您收集整理的JavaScript小技巧 2.5 则全部内容，希望文章能够帮你解决JavaScript小技巧 2.5 则所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/370526.html

来源：【匿名】