关于javascript的性能问题，争议最多的就是它的单线程：UI渲染与更新数据跑在一个线程里，如果碰上比较耗时的数据运算或者DOM操作，UI就会很卡，特别是对IE6、7这些古董级的东西，这个问题会特别明显。
这里不想分辨单线程到底是优点还是缺点，只想所说如何通过setTimeout规避这种问题。
比如本博客上面红色的导航条(嘿嘿，换了皮肤，这个还没加)，当滚动条向下滚动时，通过修改css的position值，菜单条会变成悬浮在页面顶端的，在页面滚动过程中，js会不断检查当前滚动条的位置，直到导航条回到初始位置时，再将其定位回该位置。
由于要不停的访问DOM，取得滚动条的高度，这段代码在IE6、IE7里是很卡的，以至于刚开始的时候，我在这段逻辑的开头加了浏览器类型的判断，如果是IE，干脆不再执行这段代码~~~直到加入了下面这段优化以后

1
2
3
4
5
6
7
8

var scroolTime = null;
$(window).bind('scroll.top', function(){
  scroolTime && clearTimeout(scroolTime);
  scroolTime = setTimeout(scroolFun, 0);
});
var scroolFun = function(){
  //.....检查页面高度、设置菜单条css的逻辑
}

上面这段代码的核心就是“setTimeout(xxxx, 0);”，咋一看，定时为0不是等于没定时嘛，其实不然，即使定位为0，setTimeout也不会立即执行定时的function，而是在当前线程空闲时才会执行，也就是说，     随着滚动条的滚动，js逻辑会等喜面的代码跑完，且ui渲染完了以后再去调用     scroolFun。而“clearTimeout(scroolTime)”会保证定时队列里只有一个待执行的scroolFun

再比如，以前做的的一个需求，在js内上有一个几十到上千条的数组，数组内保存的通讯录的实体，页面上要求可以对通讯录做搜索。如果照正常的逻辑，需要将整个数组跑一遍循环，再将符合条件的结果集显示到页面上。特别是在做搜索的时候，需要支持随着用户输入的时时搜索，这种情况下，如果数组长度过千，即便是chrome这样的高端浏览器，页面操作仍然不回很流畅。
这是又到了setTimeout派上用场的时候了：每次对数组搜索时，只搜索10到100条不等的一段，搜索完这一段即将满足条件的结果显示到页面上，然后setTimeout(‘分段搜索function(start, length)’, 0)，等待线程空闲以后，再继续搜索下一段。
然后在用户修改搜索关键字时，记得要将上面的定时clearTimeout掉。
具体每次的搜索长度，可以根据浏览器不同来定义，不如IE6，每次只能搜索10条，而chrome每次搜索几百条。
—————-

偶然在csdn看到几个js的小题，考察的都是很基础的知识，拿来分享一下
1.

1
2
3
4

if (!("a" in window)) {
  var a = 1;
}
alert(a);

开始，我以为是1，后来试了下，结果是undefined，仔细看看，也对：js在执行是，会首先提取所有var的新变量，让后给其赋值undefined，并将其加入到当前的执行环境总，比如这里，程序还没执行，实际就有了window.a=undefined，所以“(“a” in window)==true”
2.

1
2
3
4
5

var a = 1;
var b = function a(x) {
  return x*x;
};
alert(a);

一直以为这种写法会报错，汗颜的是，前段时间去某家公司面试，还碰上了类似的题目，回来也没写写试试。
实际试了下，这里的alert仍然是1，这种写法，a只在function a的内部是function，但是如果在a内部调用a(x)，会递归
3.

1
2
3
4
5

function a(x) {
    return x * 2;
}
var a;
alert(a);

呵呵，有了第一个题，这个就比较简单了，function
4.

1
2
3
4
5

function b(x, y, a) {
    arguments[2] = 10;
    alert(a);
}
b(1, 2, 3);

这个也简单，arguments[2]就是a的替身，a会被修改为10
5.

1
2
3
4

function a() {
    alert(this);
}
a.call(null);

这里考察的是call的使用，正常call的参数是什么，里面的this就是什么（我也是这么理解的），但是关于call还有一条说明：如果call的参数是null或者undefined，里面的this仍然是当前执行环境，即window
————-
参考:http://bbs.csdn.net/topics/390300541