這篇文章帶給大家的內容是關於js中閉包效能優化的程式碼解析，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
window.onload=function () {
var btn=document.getElementsByTagName('button');
for(var i=0;i<btn.length;i++){
(function (index) {
btn[index].onclick=function () {
//类似css中的ul:hover li
for(var j=0;j<btn.length;j++){
btn[j].style.backgroundColor='';//清空全部
}
//类似css中的ul>li:hover
this.style.backgroundColor='orange';//设置当前的
}
})(i);
}
}
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>最佳化效能
window.onload = function () {
var btn = document.getElementsByTagName('button');
var lastOne = 0;
for (var i = 0; i < btn.length; i++) {
(function (index) { //index就是i
btn[index].onmouseover=function () {
//清除上一个
btn[lastOne].style.backgroundColor= '';
//设置现在的
this.style.backgroundColor = 'orange';
//赋值上一个
lastOne = index;
};
btn[index].onmouseout=function () {
this.className='';
}
})(i);
}
}
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>相關推薦：
以上是js中閉包效能最佳化的程式碼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
