您的位置:首页 > Web前端 > JavaScript

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

2018-02-27 16:45 543 查看
    听人问起这个问题,自己一时答不上来,便查找资料总结了一下。
    JavaScript中使用var和不使用var定义变量主要有两个区别:

    1.
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错误。
2.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声明变量的一个区别。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息