先上一个简单的例子：
var example = document.getElementById("example");
function toRed(obj) {
obj.style.background = "red";
}
//方法1
setTimeout(toRed(example),2000);
//方法2
setTimeout(function() {
toRed(example);
}, 2000);
功能上就是想实现在2000ms之后将example这个div背景变红。
效果是方法1，没有进行时延，直接变红，看不到任何延时，而第二个则没有任何问题。
这个问题明显超出了我平时的认知范围，那么问题出在哪里了呢？
1.难道必须用function(){}这样？
答案当然不是。
那么我的方法1哪里不对了呢？因为函数名后面写了（）。
对的，加了（）就是直接执行了的。
突然想起来之前写的没有问题的都是不加（）的函数名放在哪里。
但我这里为什么加了？因为函数必须传入参数obj才知道对谁改变背景颜色呀？这该怎么办？
2.怎么处理这种需要传入参数的函数？
我能想到：
- 如方法2一般，加上function(){}包裹住，那么就好啦，这样就是个异步函数啦
- 看下面的代码
setTimeout("toRed(example)",2000);
有什么区别？其实是多了个“”把函数给包起来了，这样也可以顺利的时延2000ms再变颜色啦。
那么这个的原理是什么呢？
其实传入字符串之后，js自动会用eval函数对其进行执行，如果不加“”那么就会直接执行了。
结论
以后我再写setTimeout还是要小心点，不能随随便便把有参数的函数放在哪里，还是加个function(){}包裹这最为稳妥，就像我用到addEventListener的时候，如果不包裹一下，里面该传入的e要不就传不进去，要不就你本来不能用参数啦。
