Javascript中的var变量声明作用域问题

最新推荐文章于 2024-07-09 19:28:48 发布

原创最新推荐文章于 2024-07-09 19:28:48 发布 · 528 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #java #vue #web

Web 专栏收录该内容

24 篇文章

订阅专栏

本文探讨了JavaScript中var关键字声明变量的特性，解释了为何在if语句中使用var会导致变量作用域扩展到整个函数，而不是仅限于块级作用域。通过示例代码展示了这种现象，并与Java的块级作用域进行了对比，强调了JavaScript中只有全局和局部作用域。最后，通过另一段代码进一步证明了变量作用域的限制仅存在于函数内部，不会影响到函数外部。

先看一下这两段代码的执行结果

var name2 = 'What!';
function a() {
    if (typeof name2 === 'undefined') {
        console.log('Undefined');
        var name2 = 'Jack';
    } else {
        console.log('Hello ' + name2);
    }
}
a();

将if语句中的var声明注释掉

var name2 = 'What!';
function a() {
    if (typeof name2 === 'undefined') {
        console.log('Undefined');
        //var name2 = 'Jack';
    } else {
        console.log('Hello ' + name2);
    }
}
a();

前一个会输出Undefined, 后一个会输出Hello What!. 说明在if里的var变量声明, 会影响到外部.
再运行一个代码

function f1(){
  if (typeof name3 === 'undefined') {
  	console.log("undefined");
  	var name3 = "anything";
  }
  if (typeof name3 !== 'undefined') {
    console.log("defined!");
  }
}
f1();
if (typeof name3 === 'undefined') {
  console.log("undefined outside");
}

这段代码会输出

undefined
defined!
undefined outside

说明这个影响的范围仅在于函数内部, 不会影响到函数外

说明
JavaScript的变量声明没有块级作用域, 例如在Java中, 可以这样声明b, 这个b的作用域仅在于if内部

if (a == null) {
  String b = "c";
}

在JavaScript中, 只有两种作用域: 全局和局部, 在函数内任意语句中使用var声明的变量, 不管所在的语句块实际是否会执行, 都等价于在函数开头声明, 前面的代码等价于

var name2 = 'What!';
function a() {
    var name2;
    if (typeof name2 === 'undefined') {
        console.log('Undefined');
        name2 = 'Jack';
    } else {
        console.log('Hello ' + name2);
    }
}
a();

这样产生的输出就容易理解了.