SOURCE

// 1.var
        // var btns = document.querySelectorAll('.btn');

        // for(var i=0;i<btns.length;i++){
        //     btns[i].addEventListener(
        //         'click',
        //         function () {
        //         console.log(i);
        //     },false)
        // }

// 2.闭包
        // var btns = document.querySelectorAll('.btn');

        // for (var i = 0; i < btns.length; i++) {
        //     (function (index) {
        //         btns[index].addEventListener(
        //             'click',
        //             function () {
        //                 console.log(index);
        //             }, false)
        //     })(i);
        // }

// 3.let/const
        let btns = document.querySelectorAll('.btn');

        for(let i=0;i<btns.length;i++){
            btns[i].addEventListener(
                'click',
                function () {
                console.log(i);
            },false)
        }

<button class="btn">0</button>
    <button class="btn">1</button>
    <button class="btn">2</button>

 body {
        padding: 50px 0 0 50px;
    }

    .btn {
        width: 100px;
        height: 100px;
        margin-right: 20px;
        font-size: 80px;
        cursor: pointer
            /*光标呈现为指示链接的指针（一只手）*/
    }