通过经典题目来理解多种闭包实现方式

在之前的文章中也有提及此题，这里更详细的说一下。

需求：生成十个按钮，内容分别是1~10，点击每个按钮输出当前的序号，即点击1输出1。

for (var i = 1; i <= 10; i++) {    var doc = document.createElement('button');    doc.innerHTML = i;    //错误写法     doc.onclick = function() {       console.log(i);     }    //方法一    // doc.onclick = function() {    //     console.log(this.toString());    // }.bind(i);    //方法二    // doc.onclick = function (x) {    //   return function () {    //     console.log(x);    //   }    // }(i);    //方法三    // doc.onclick = function() {    //   var x= i;    //   return function () {    //     console.log(x);    //   }    // }()    //方法四 arguments.callee指向匿名函数自身，此方法系统消耗最小    // (doc.onclick = function() {    //   console.log(arguments.callee.x);    // }).x = i;    //方法五    // doc.dataset.value = i;    // doc.onclick = function(){    //   console.log(this.dataset.value);    // };    document.body.appendChild(doc);}