#7个重要的javascript函数 我记得在早期使用javascript时，因为浏览器厂商对javascript的特性，包括基本特性和边缘特性的实现方式不同， 我们需要很多简单的function来进行兼容，比如addEventListener和attachEvent。 虽然时代已经改变，为了提高性能和降低方法复杂度，有几个方法仍然需要每个开发人员熟知。 #debounce函数去抖 函数去抖可以提高事件持续触发时的性能。如果你在处理scroll,resize,key*等事件时，没有使用函数去抖可能会存在错误。下面提高性能的函数去抖实例：

//返回函数持续被调用时将不会执行//函数将在停止调用N毫秒后执行//如果传入参数immediate=false，回调方法将优先执行而不是wait后执行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);	};};// 用法var myEfficientFn = debounce(function() {	// 你的代码逻辑}, 250);window.addEventListener('resize', myEfficientFn);

去抖函数将使得回调函数在给定的时间频率内最多只执行一次，这一点在持续触发事件的回调中非常有用。

#poll轮询 正如我提到的函数去抖，有时候你并不需要插入一个事件来表示期望的状态 -- 如果事件不存在，你需要定时检查你所期望的状态：

function poll(fn, callback, errback, timeout, interval) {    var endTime = Number(new Date()) + (timeout || 2000);    interval = interval || 100;    (function p() {            // 如果条件已经满足，将执行回调            if(fn()) {                callback();            }            // 条件不满足并且未超时，重新执行            else if (Number(new Date()) < endTime) {                setTimeout(p, interval);            }            // 条件不满足并且超时，将执行异常回调            else {                errback(new Error('timed out for ' + fn + ': ' + arguments));            }    })();}// 用法：确保元素可见的poll(    function() {        return document.getElementById('lightbox').offsetWidth > 0;    },    function() {        // 正常回调    },    function() {        // 异常回调    });

对于web开发而言，轮询在现在和将来都是非常有用的。

#once单次执行 有些时候，你只期望特定的功能只发生一次，类似于使用onload事件，这段代码将实现此功能：

function once(fn, context) { 	var result;	return function() { 		if(fn) {			result = fn.apply(context || this, arguments);			fn = null;		}		return result;	};}// 用法var canOnlyFireOnce = once(function() {	console.log('Fired!');});canOnlyFireOnce(); // "Fired!"canOnlyFireOnce(); // 没有任何结果

单次函数保证了指定的函数只执行一次，可避免多次初始化。

#getAbsoluteUrl获取绝对路径 从字符串变量得到绝对URL并不像想象中那么简单。使用URL构造函数如果你不提供所需的参数（有时你不能），它也可以有效。 这里就有从字符串获取绝对的URL的戏法：

var getAbsoluteUrl = (function() {	var a;	return function(url) {		if(!a) a = document.createElement('a');		a.href = url;		return a.href;	};})();// 用法getAbsoluteUrl('/something'); // http://davidwalsh.name/something

The "burn" element href handles and URL nonsense for you, providing a reliable absolute URL in return.

#isNative是否原生 知道一个方法是否原生，能让你知道能否覆盖此方法，这段代码将让你知道答案：

;(function() {  // Used to resolve the internal `[[Class]]` of values  var toString = Object.prototype.toString;    // Used to resolve the decompiled source of functions  var fnToString = Function.prototype.toString;    // Used to detect host constructors (Safari > 4; really typed array specific)  var reHostCtor = /^\[object .+?Constructor\]$/;  // Compile a regexp using a common native method as a template.  // We chose `Object#toString` because there's a good chance it is not being mucked with.  var reNative = RegExp('^' +    // Coerce `Object#toString` to a string    String(toString)    // Escape any special regexp characters    .replace(/[.*+?^${}()|[\]\/\\]/g, '\\$&')    // Replace mentions of `toString` with `.*?` to keep the template generic.    // Replace thing like `for ...` to support environments like Rhino which add extra info    // such as method arity.    .replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'  );    function isNative(value) {    var type = typeof value;    return type == 'function'      // Use `Function#toString` to bypass the value's own `toString` method      // and avoid being faked out.      ? reNative.test(fnToString.call(value))      // Fallback to a host object check because some environments will represent      // things like typed arrays as DOM methods which may not conform to the      // normal native pattern.      : (value && type == 'object' && reHostCtor.test(toString.call(value))) || false;  }    // export however you want  module.exports = isNative;}());// UsageisNative(alert); // trueisNative(myCustomFunction); // false

方法虽不优美，却很实用。

#insertRule插入样式 我们知道能通过筛选器获得元素列表（比如document.querySelectorAll）并给每个元素添加一个样式，但通过给筛选器设定样式将更加高效：

var sheet = (function() {	// Create the 

这种方式在动态，异步的客户端尤其有用。如果你对筛选器设定样式样式，你不需要考虑满足筛选器的每个元素的样式（现在或将来）。

#matchesSelector 在执行下一步前，我们经常需要校验输入，保证值真实和表单数据合法等等。但在进行下一步前，我们是否有保证过元素是否合法？ 你可以使用matchesSelector函数来验证给定的元素是否满足筛选器：

function matchesSelector(el, selector) {	var p = Element.prototype;	var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {		return [].indexOf.call(document.querySelectorAll(s), this) !== -1;	};	return f.call(el, selector);}// UsagematchesSelector(document.getElementById('myDiv'), 'div.someSelector[some-attribute=true]')

以上是全部内容：应该被放在每位开发者工具箱中的7个函数。还有遗漏的函数吗？分享给我！