摘要：實際效果新聞視頻音樂新聞內(nèi)容視頻內(nèi)容音樂內(nèi)容循環(huán)后，直接調(diào)用事件打開頁面后，直接運行循環(huán)打印出然后執(zhí)行所以之前再次點擊欄給新增一個點擊第一個的時候閉包利用閉包的保存作用閉包更優(yōu)雅利用閉包的保存作用塊級作用域
實際效果
Document
新聞內(nèi)容
視頻內(nèi)容
音樂內(nèi)容
for循環(huán)后，直接調(diào)用事件
for(var i=0;i
打開頁面后，直接運行for循環(huán),打印出0,1,2,然后執(zhí)行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,更優(yōu)雅
利用閉包的保存作用
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)
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108569.html
