saber 酱的抱枕

设想网页上有四个按钮：

<input type="button" value="0">
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">

我们用for循环处理它们时，如果要用到它们对应的序号，则可能出现问题。如下JavaScript代码：

var bts=document.querySelectorAll("input");
for (var i = 0; i <= bts.length - 1; i++) {
    bts[i].addEventListener("click",function(){
        alert(i);
    })
}

按照设想，当我们点击按钮时，它们会从左到右分别弹出0/1/2/3，但实际上，全部弹出的是4。这里显而易见有两个问题：
1.为什么弹出的数字都一样；
2.为什么弹出的是4。

其实原因是同一个，那就是for循环里的i是贯穿其整个作用域的。我们给4个按钮分配的i是同一个变量，当这个变量变了的时候，4个按钮上绑定的i都变了。for循环从开始运行到结束，i的值依次是0/1/2/3/4（到4的时候停止运行），最后定格在了4。当我们在for循环执行完之后去点击按钮，i已经是4了，所以全部弹出的是4。

我们可以利用立即执行函数（匿名函数）来创建独立作用域，把每个按钮的事件都在独立作用域里绑定。并且我们绑定时不直接使用i，而是把i的值传递进去进行绑定。这样就可以解决上面的问题。代码如下：

var bts=document.querySelectorAll("input");
for (var i = 0; i <= bts.length - 1; i++) {
    !function(ii){
        bts[i].addEventListener("click",function(){
            alert(ii);
        })
    }(i)
}

这里面除了用立即执行函数包裹了绑定过程，还有个地方要注意，就是这个立即执行函数要有个参数，然后在执行它时把i作为参数传递进去。这样，绑定事件时所使用的ii是具体值，而非变量i。

之后，我们点击按钮，发现依次弹出0/1/2/3，问题得以解决。

使用立即执行函数创建独立作用域

计算第二天的日期的要点在于，在跨月时进入下一月，在跨年时进入下一年。其他时间只要天数加1就行。所以找出每个月的最后一天就ok了。

function tomorrow_date (y,m,d){ //参数里的月份需要是自然月。也就是说月份+1这步在传参前就设置好
    var run = false;    //判断是否是闰年
    if (!(y%4)) {       //如果年份是4的整数倍
        if (!(y%100)) {     //如果是整百年
            if (!(y%400)) {     //如果是400的整数
                run = true;
            }
        }else{
            run = true;
        }
    }

    if(d==28&&m==2){    //2月28日
        if(!run) {  //非闰年
            d=1;
            m++;
        }else{  //闰年
            d++;
        }
    }else if(d==29&&m==2){  //2月29日
        d=1;
        m++;
    }else if(d==30&&(m==4||m==6||m==9||m==11)){    //30天的月份里的第30天
        d=1;
        m++;
    }else if(d==31){            //31天的月份里的第31天
        d=1;
        if (m==12){    //如果是12月则进入下一年
            m=1;
            y++;
        }else{
            m++;
        }
    }else{      //如果今天不是月份的最后一天
        d++;
    }

    return "明天是"+y+"年"+m+'月'+d+'日';
}

var myDate = new Date();
var y = myDate.getFullYear();
var m = myDate.getMonth()+1;    //因为js的月份是从0开始的，所以这里月份+1
var d = myDate.getDate();
document.write(tomorrow_date(y,m,d));

感谢TianMao指出闰年的问题~另外他提出了使用Date对象的setDate方法来计算下一天的办法。这个办法很简便，当我们重设了日期（第几天）后，JavaScript会自动更新Date对象的月份、年份，这样就我们就不用自己写上面的判断了。

var myDate = new Date();
myDate.setDate(myDate.getDate()+1);
var y = myDate.getFullYear();
var m = myDate.getMonth()+1;
var d = myDate.getDate();
console.log(y,m,d);

JavaScript计算明天的日期

JavaScript有个叫“变量提升”的特性，意为：
在函数里声明的所有变量会被提升到函数顶部声明（但不涉及到赋值）。

示例：

var a=0;
!function(){
	alert(a);
	var a=1;
}()

在函数外声明了变量a=0，之后在函数里重新声明了a=1。
在这中间我们弹出a，它的值不是0，而是undefined。这就是变量提升导致的。发生变量提升之后，函数里声明的a被提升到函数顶部声明了（但这并不涉及到赋值），所以代码实际上相当于这样：

var a=0;
!function(){
	var a;
	alert(a);
	a=1;
}()

所以如果函数外已经声明了一个变量，那么就不要在函数内重复声明它，这样将会触发变量提前，可能会造成一些问题。

如果需要在函数内重复声明，那么将这些变量在函数顶部先声明但不赋值（就是写得和变量提升后的实际代码一样），可以让代码更直观。

其实这个概念是我昨天发布了搜索bilibili评论工具时，8q给我指出的。今天看书很巧的也看到了这个地方，弄清楚了。

JavaScript中的变量提升