JavaScript避免代码的重复执行经验技巧分享

我喜欢到一些大型网站上去翻阅它们的原代码，期望能找到一些可以应用到自己的代码中的模式，或发现一些之前从未听说过的工具和技巧。可是，在我查看这些大型网站的源代码时，经常会发现一个问题，那就是重复的代码执行，重复的功能应用。下面就是一些在查看它们的源代码时发现一些问题，把这些分享给大家，希望能让你们更加简洁高效的写出JavaScript代码。
重复的收集元素

我在他们的JavaScript代码里看到的最常见的问题是重复的收集元素。虽然jQuery选择器引擎或querySelectorAll的执行速度都很快，但重复的工作就是会多占用时间和资源。这个问题很浅显，解决的方法如下：

复制代码 代码如下:

//
$$(".items").addClass("hide");
// ... 后来又 ...
$$(".items").removeClass("hide");

//
var items = $$(".items");
// ... 从这里开始使用这个引用变量!

复制代码 代码如下:

var performMiracle = function() {
// 如果浏览器支持A特征...
if(features.someFeature) {

}
// ... 如果不支持
else {

}
};

复制代码 代码如下:

var performMiracle = features.someFeature ? function() {
// Plan A stuff
} : function() {
// Plan B stuff
};

复制代码 代码如下:

function cleanText(dirty) {
// 去除SCRIPT tags
clean = dirty.replace(/<script[^>]*>([/s/S]*?)<//script>/gi, "");

// Do some more cleaning, maybe whitespace, etc.

return clean;
}

复制代码 代码如下:

var scriptRegex = /<script[^>]*>([/s/S]*?)<//script>/gi;
function cleanText(dirty) {
// Get rid of SCRIPT tags
clean = dirty.replace(scriptRegex, "");

// Do some more cleaning, maybe whitespace, etc.

return clean;
}