摘要：實際效果新聞視頻音樂新聞內容視頻內容音樂內容循環后，直接調用事件打開頁面后，直接運行循環打印出然后執行所以之前再次點擊欄給新增一個點擊第一個的時候閉包利用閉包的保存作用閉包更優雅利用閉包的保存作用塊級作用域
實際效果
Document
for循環后，直接調用事件
for(var i=0;i
打開頁面后，直接運行for循環,打印出0,1,2,然后執行i++,所以oList[i].onclick之前i=3;
再次點擊tab欄
給oList[i],新增一個key:Index,
for (var i = 0; i < oList.length; i++) {
oList[i].Index = i;
oList[i].onclick = function() {
console.log(i) //3
console.log(this.Index ) //0,1,2
changeTab(this.Index)
}
}
點擊第一個的時候
閉包1
利用閉包的保存作用
for (var i = 0; i < oList.length; i++) {
oList[i].onclick = (function(i) {
return function(){
console.log(i) //0,1,2
changeTab(i)
}
})(i)
}
閉包1,更優雅
利用閉包的保存作用
for (var i = 0; i < oList.length; i++) {
(function(i){
oList[i].onclick = function(){
console.log(i) //0,1,2
changeTab(i)
}
})(i)
}
es6
let塊級作用域
for (let i = 0; i < oList.length; i++) {
oList[i].onclick = function(){
console.log(i) //0,1,2
changeTab(i)
}
}
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108569.html
