JavaScript随笔——eval

随笔系列：随便写写，可能没什么实际价值，全靠兴趣。
场景：今天一个小伙伴问我，JavaScript里有什么函数可以对数组求和。比如：

var a = [1,2,3,4,5];

想了一下，没有现成的。
那么既然被问了，总不会写一个for循环吧，那样显得太年轻。
于是上网查了一下，发现可以用eval完成。真是错怪eval，以为这家伙只能用来解析JSON，啊哈哈~
具体如下：

var a = [1, 2, 3, 4, 5]
console.log(eval(a.join('+'))) // 15

具体就是把a数组转换成1+2+3+4+5的字符串，然后用转换一段JavaScript源码进行执行。
功能是实现了，但是数组里万一返回字符串，返回其他乱七八糟的比如null，undefined之类的该怎么办。也简单，那就过滤掉。

var test = [1, 2, 3, 4, 5, undefined, null, '1', 'aaaa']
var result = eval($.map(test, function(v) {
    if(typeof v === 'number') return v
}).join('+'))
console.log(result) // 15

当然，上面这些并不是重点，重点在于，终于理解了这个eval的用法。

// 可以这样写
console.log(eval('1+2+3')) // 6

// 可以这样写
var a = 1
console.log(eval('a = a + 1')) // a = 2

// 可以这样写
eval('+function(){alert(1)}()') // 1

// 最常见的还是
eval('({a : 1})') // 这个就是常用的JSON解析

当然eval是不能滥用的，也不倡导使用，原因如下：
1、性能不好
2、不安全
3、产生混乱的代码逻辑