积累下素材，明天要讲：javascript的变量和作用域

咱们的零基础前端课程，明天就要讲到js的作用域了，今晚先提前写一写，积累下素材。

说到作用域其实就是“非全局变量”能够工作的范围了，你定义这个变量时的区域有多大，它的工作范围就有多大。如果某个变量你没定义，而是拿过来直接用，那就会变成“心有多大，世界就有多大”。

////////

私有和全局作用域：

var aa = 'xxx';
function testfn(){
 var aa = 'sss';
 console.log(aa);//sss
}
testfn();
console.log(aa);//xxx

很简单的例子，用var声明了全局的aa和函数内的aa，但打印出来的值却不同。因为函数内部的是局部变量，在函数内部声明的变量要比外部的同名的变量优先级高，所以函数内部的变量就覆盖了同名的外部的。

所以打印结果就那样了。

////////

不用var声明变量，直接拿用。

aaa = 'aa123';
function testAAA(){
    aaa = 'xxx'; 
    console.log(aaa); // xxx
    bbb = 'xxx';
    console.log(bbb); // xxx
}
testAAA();
console.log(aaa); // xxx
console.log(bbb); // xxx

这个例子里，到最后aaa和bbb的值，都是xxx。为啥？因为变量没有使用var声明，导致所有的变量都是全局变量。在执行testAAA函数的时候，aaa的值就变了。

同时也因为函数体内的bbb变量没有使用var声明，导致它事实上是一个全局变量，所以在函数体外也可以访问它。这就是，“心有多大，世界就有多大”。

////////

说的深一点，其实书上写的很清楚，用var来声明一个变量。如果不用var声明而搞出来的所谓“全局变量”，其实只能算是给“对象添加了一个属性”。当然这个对象得是全局的才行。