Web程序员必备的7个JavaScript函数

数年前，只要我们编写JavaScript，都必须用到几个常用的函数，比如，addEventListener 和 attachEvent，并不是为了很超前的技术和功能，只是一些基本的任务，原因是各种浏览器之间的差异造成的。时间过去了这么久，技术在不断的进步，仍然有一些JavaScript函数是几乎所有Web程序员必备的，或为了性能，或为了功能。

防止高频调用的debounce函数

这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll,resize,key*等事件触发执行任务时不使用降频函数，也行你就犯了重大的错误。下面这个降频函数 debounce 能让你的代码变的高效：

<div class="jb51code">
<pre class="brush:js;">
// 返回一个函数，that,as long as it continues to be invoked,will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If immediate is passed,trigger the function on the
// leading edge,instead of the trailing.
function debounce(func,wait,immediate) {
var timeout;
return function() {
var context = this,args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context,args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later,wait);
if (callNow) func.apply(context,args);
};
};

// Usage
var myEfficientFn = debounce(function() {
// All the taxing stuff you do
},250);
window.addEventListener('resize',myEfficientFn);