JavaScript学习杂记--变量-CSDN博客

一、作用域：js到底是什么作用域，当然是函数作用域了，我们的浏览器就是一个被实例化的window对象，如果在window下定义一个name字段，那么name字段就具有window这个函数作用域，也就是在window下都是可以访问的，如果在window下定义一个function ctrip，然后里面再定义一个name，那么这个新定义的name只能在ctrip函数下通用，而老的name继续在window下通用

解析器在执行ctrip的时候，第一件事情就是寻找ctrip下的所有局部变量，然后再执行后续语句，既然是先寻找，那么var name="second"这条语句定义在ctrip中任何位置都是可以的，下面我们把语句调换过来：

可以看到在ctrip函数下，第一个console.log输出的是undefined，这个结果可以证实，确实做了第一件事情是收集到了name这个局部变量，可能有人说为什么没有变成”second“，那是因为初始化操作必须是逐语句执行，所以在ctrip函数中执行console.log(name)时，此时解析器只知道有一个未赋值的变量name，所以就console的时候就是undefined了。

二、作用域链

在function中定义的变量只具有function范围内的作用域，同时我们也看到上面这个例子只是一层嵌套，window是个大的function，里面是一个ctrip的function，同样的道理也可以延伸到多层嵌套，比如三层，四层。。。。N层，这些层就形成了

一个链式结构。

在定义plane的函数时，把 var name="third" 中的var忘记写了，那么这个时候，plane中的name到底是什么值呢？是first还是second呢？

var name="first";
function ctrip(){
  var name="second";
  function plane(){
     name="third";
     console.log(name);
  }
  plane();
  console.log(name);
}
ctrip();
console.log(name);

当代码执行到plane函数中的name=”third“时，发现plane函数中并没有name这个局部变量，恰好代码又在ctrip这个大函数中，所以解析器就会回溯到ctrip函数中寻找name，发现果然有name，这个时候就把ctrip的name修改成了”third“。

在定义plane函数的时候，把name="third" 错写成了 nam="third"; 丢了一个e，，在回溯时，发现ctrip没有，再回溯到顶层的window下，发现还是没有，这个时候解析器做了这样的处理，既然整个链中都没有，你又赋值了，我总不能给你报错，那多尴尬呀，就索性给你在window下隐式的定义一个nam变量，这个时候nam其实就是全局变量了。我们可以在window顶层console一下nam看看。