老師你好，有一點不明白

// 3.添加幻燈片的操作（所有的按鈕&對應幻燈片的操作）
?? ??? ??? ?? function addSliders(){
?? ??? ??? ??? ?? // 3.1獲取模板
?? ??? ??? ??? ?? var tpl_main = g('template_main').innerHTML.replace(/^\s*/, '').replace(/\s*$/, '');
?? ??? ??? ??? ?? var tpl_ctrl = g('template_ctrl').innerHTML.replace(/^\s*/, '').replace(/\s*$/, '');
?? ??? ??? ??? ? ?
?? ??? ??? ??? ?? // 3.2定義最終輸出HTML變量
?? ??? ??? ??? ?? var out_main = [];
?? ??? ??? ??? ?? var out_ctrl = [];
?? ??? ??? ??? ? ?
?? ??? ??? ??? ?? // 3.3 遍歷所有的數據，輸出最終的HTML
?? ??? ??? ??? ?? for (i in data) {
?? ??? ??? ??? ??? ?? var _html_main = tpl_main.replace(/{{index}}/g, data[i].img).replace(/{{h2}}/g, data[i].h1).replace(/{{h3}}/g, data[i].h2);
?? ??? ??? ??? ??? ?? var _html_ctrl = tpl_ctrl.replace(/{{index}}/g, data[i].img);
?? ??? ??? ??? ??? ? ?
?? ??? ??? ??? ??? ?? out_main.push(_html_main);
?? ??? ??? ??? ??? ?? out_ctrl.push(_html_ctrl);
?? ??? ??? ??? ?? }
?? ??? ??? ??? ?? g('template_main').innerHTML = out_main.join('');
?? ??? ??? ??? ?? g('template_ctrl').innerHTML = out_ctrl.join('');
?? ??? ??? ??? ? ?
?? ??? ??? ??? ?? // 7. 增加 # main_background
?? ??? ??? ??? ?? g('template_main').innerHTML += tpl_main.replace(/{{index}}/g, '{{index}}').replace(/{{h2}}/g, data[i].h1).replace(/{{h3}}/g, data[i].h2);
?? ??? ??? ??? ?? g('main_{{index}}').id = 'main_background';

?? ??? ??? ?? }

加下滑線的 i 變量， 沒有定義就直接用了，不會報錯嗎？沒明白