如何用JavaScript避免代碼的重復(fù)執(zhí)行

我喜歡到一些大型網(wǎng)站上去翻閱它們的原代碼，期望能找到一些可以應(yīng)用到自己的代碼中的模式，或發(fā)現(xiàn)一些之前從未聽(tīng)說(shuō)過(guò)的工具和技巧。可是，在我查看這些大型網(wǎng)站的源代碼時(shí)，經(jīng)常會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題，那就是重復(fù)的代碼執(zhí)行，重復(fù)的功能應(yīng)用。下面就是一些在查看它們的源代碼時(shí)發(fā)現(xiàn)一些問(wèn)題，把這些分享給大家，希望能讓你們更加簡(jiǎn)潔高效的寫出JavaScript代碼。

重復(fù)的收集元素

我在他們的JavaScript代碼里看到的最常見(jiàn)的問(wèn)題是重復(fù)的收集元素。雖然jQuery選擇器引擎或querySelectorAll的執(zhí)行速度都很快，但重復(fù)的工作就是會(huì)多占用時(shí)間和資源。這個(gè)問(wèn)題很淺顯，解決的方法如下：

//