关于javascript变量声明和定义变量var的不同理解和分析

下面看一个简单的例题来说明问题

if (!("a" in window)) {
    var a = 1;
}
alert(a);

首先，所有的全局变量都是window的属性，语句 var a = 1;等价于window.a = 1;

你可以用如下方式来检测全局变量是否声明

"变量名称" in window

第二，所有的变量声明都在范围作用域的顶部，看一下相似的例子：

复制代码 代码如下:

alert("a" in window);
var a;

此时，尽管声明是在alert之后，alert弹出的依然是true，这是因为JavaScript引擎首先会扫墓所有的变量声明，然后将这些变量声明移动到顶部，最终的代码效果是这样的：

var a;
alert("a" in window);

第三，你需要理解该题目的意思是，变量声明被提前了，但变量赋值没有，因为这行代码包括了变量声明和变量赋值。

你可以将语句拆分为如下代码：

var a;    //声明
a = 1;    //初始化赋值

所以总结起来就是当变量声明和赋值在一起用的时候，JavaScript引擎会自动将它分为两部以便将变量声明提前，不将赋值的步骤提前是因为他有可能影响代码执行出不可预期的结果。

题目中的代码相当于：

var a;
if (!("a" in window)) {
    a = 1;
}
alert(a);

根据上述例题的分析，声明变量时如果是声明的局部变量前面一定要加var，如果声明的是全局变量可以不加var(最好限制全局变量的个数，尽量使用局部变量)

下面讲述一个使用var的几个特性

使用var语句多次声明一个变量不仅是合法的，而且也不会造成任何错误。
如果重复使用的一个声明有一个初始值，那么它担当的不过是一个赋值语句的角色。
如果重复使用的一个声明没有一个初始值，那么它不会对原来存在的变量有任何的影响。
没有var声明的变量，是作为全局变量存在的；有var声明的变量，属于局部变量，尤其是在函数内部。并且，经过测试，带var声明比不带var速度要快。函数内尽量多设局部变量，这样即安全又快速，变量操作也更加合理，不会因为函数内胡乱操作全局变量而导致逻辑错误。

声明对象时最好使用对象自面量的方式，这样的速度相对new的方式要快很多。

变量名是自己取的，为了照顾语义和规范，变量名可能稍长，但是注意了，变量名的长度也会影响代码的执行速度。长的变量名声明的执行速度没有短的快。

题目如下，问题是：2次alert分别输出什么结果？

<script
type="text/javascript">
    var a = 1;
    var a;
    alert(typeof a);
(function () {
        b = '-----';
        var b;        
    })();
    alert( typeof b);
</script>

在Chrome里面运行了一下代码，代码正确结果是1.number 2.undefined。这里考察的是JavaScript的变量声明提前概念。

我们在看另外一个例子，比如下面：

test();
function test(){    
alert("Hello World!");
}

程序不会报错，而已运行结果是：Hello World!。原理：计算机在开始执行语句之前，会先查找所有的function定义，然后保存相关的function。
第1题：
var a = 1;
var a;
第2行声明变量a，就相当于在顶部声明了a，然后第一句是重新声明a，然后赋值为1。所以typeof a为number
第2题：
b = '-----';
var b;
第二题解析：b=‘-----'，程序首先会去查找上下文是否有变量b的声明，如果有的话，直接赋值为'-----'。但是alert( typeof b); 是在函数外面，输出的全局变量b，所有是undefined。
请注意：对变量的赋值操作并没有提前。

以上就是关于javascript变量声明和定义变量var的不同理解和分析的详细内容，更多请关注其它相关文章！