在Javascript中 声明时用"var"与不用"var"的区别

在Javascript中 声明时用"var"与不用"var"的区别

Javascript声明变量的时候，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。

var num = 1；
是在当前域中声明变量. 如果在方法中声明，则为局部变量（local variable）；如果是在全局域中声明，则为全局变量。
而 num = 1；
事实上是对属性赋值操作。首先，它会尝试在当前作用域链（如在方法中声明，则当前作用域链代表全局作用域和方法局部作用域etc。。。）中解析 num； 如果在任何当前作用域链中找到num，则会执行对num属性赋值； 如果没有找到num，它才会在全局对象（即当前作用域链的最顶层对象，如window对象）中创造num属性并赋值。
注意！它并不是声明了一个全局变量，而是创建了一个全局对象的属性。
即便如此，可能你还是很难明白“变量声明”跟“创建对象属性”在这里的区别。事实上，Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读（ReadOnly）不可枚举（DontEnum）不可删除（DontDelete）等等。
由于变量声明自带不可删除属性，比较var num = 1 跟 num = 1，前者是变量声明，带不可删除属性，因此无法被删除；后者为全局变量的一个属性，因此可以从全局变量中删除。
下面看例子：
Javascript声明变量时
var aaa = 111;
和
aaa = 111;
两种方式一样吗?
废话少说,先上代码.

var aaa = 11;

function test4(){
var aaa = 22;
}

test4();

console.log(aaa);

结果是什么呢? 11
这个好理解, 函数内的var aaa声明是内部变量,这时结果是第一个aaa的值.
变动一下如下:

var abc = 11;

function test4(){
abc = 22;
}

test4();

console.log(abc);

结果是什么呢? 22
再改:

function test4(){
var aaa = 22;
}

test4();

console.log(aaa);

结果怎样? 运行报错了! ReferenceError: aaa is not defined!
改:

function test4(){
var aaa = 22;
}

test4();

console.log(test4.aaa);

运行不会报错,输出结果是 undefined.
结论1: 函数或者对象构造内声明的变量是私有的. 外部无法访问到. 包括原型继承后的对象. 
可是如果这样:

function test4(){
bbb = 33;
}

test4();

console.log(bbb);

结果是 33
点解?
这就是有var 和没有 var的声明的区别.
结论2: 不加var 在函数或者构造内就是赋值, 从函数内往上一层层寻找变量bbb,一直到顶层没有. 就在顶层声明一个 var bbb;
很可怕假如一个大的项目,在这里改变了bbb的值, 并没有添加var 碰巧整个项目全局变量有个同名bbb被改变,不加var不是只作用在这个函数或对象内. 出了错误很难找.
所以书写代码必须谨慎. 声明变量改加的就加不能怕麻烦. 结果是完全不同的.

标签: js.var