html部分

<button>button1</button>
<button>button2</button>
<button>button3</button>
<button>button4</button>

javascript 部分

var btns = document.querySelectorAll('button');
var len = btns.length;

for (i = 0; i < len; i++) {
    btns[i].onclick = function
 
 (index) {
        // 閉包可以將變數駐留在記憶體中
        return function () {
            console.log(index);
        }
    }(i);
}

• 給每個button繫結click事件，在做tab欄的時候，就需要根據索引來隱藏其他模組
• 根據閉包可以將變數駐留在記憶體中的特性，給button設定索引