javascript中使用var和不使用var定义变量的区别

最新推荐文章于 2025-03-16 08:47:05 发布

原创最新推荐文章于 2025-03-16 08:47:05 发布 · 3.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #var定义变量

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文探讨了JavaScript中使用var关键字与不使用var关键字定义变量的区别。通过具体代码示例，详细分析了这两种方式如何影响变量的作用域及生命周期，包括变量提升、全局变量创建以及变量的删除等特性。

听人问起这个问题，自己一时答不上来，便查找资料总结了一下。

JavaScript中使用var和不使用var定义变量主要有两个区别：

var a = 1;
function aaa(){
   b = 2;
};
console.log(a);//1
//console.log(b);//b if not defined
aaa();
console.log(b);//2

代码分析：

1）a为全局变量，值为1；

2）在aaa函数执行前，全局变量并没有b这个变量，此时输出变量b就是未定义；

3）在aaa函数执行后，b = 2执行后，在全局中创建了一个变量b并为其赋值为2；

4）此时再输出b自然就为2了；

此代码中很重要的一点是：b = 2在aaa函数里面，只有在执行一次aaa函数时，才会创建全局变量b并赋值，否则全局变量里就没有b；除此之外这样定义全局变量的做法并不推荐，在变量声明提升时，并不会出现全局变量b，只有在执行b外部函数时才会出现。给未经声明的变量赋值在严格模式下回导致抛出ReferenceError错误。

var a = 1;
b = 2;
window.c = 3;
this.d = 4;
delete a;//false
delete b;//true
delete c;//true
delete d;//true

代码分析：

声明全局变量，都为window添加了一个属性，然而上述代码中的四种形式，只有var声明的全局变量才不能被delete删除。这也是var声明变量与不用var声明变量的一个区别。