javascript - 函数内部定义同名变量

Question

var name1="liu";
function name(){
  var name1="zhu";
    }
name();
alert(name1);

   
    var name1="liu";
function name(){
   name1="zhu";
    }
name();
alert(name1);

结果为什么是不同的啊？

Answer 1

首先我们来了解下变量的作用域问题，对着你的代码看，先看最上面那句

var name1 = 'liu';

对着文档可以感受到“变量声明在函数外面，对这个函数来说，他就是全局变量，而全局变量，在下面的函数内部也是可以反问到的”

在来看你第一段代码的函数体：

function name(){
    var name1="zhu";
}

“在函数体内部用var关键字声明的变量，就是该函数的一个局部变量，外部是访问不到这个变量的”，也就是说，你这里的name1和上面那个不是一个东西，上面的name1也当然不会被他修改了

再看第二段的函数题：

function name(){
    name1='zhu';
}

注意这里了，“当变量没有使用var关键字声明时，她就自动成了全局变量”，意思是她的改动就会影响上面的那个name1了

Answer 2

var name1="liu";
function name(){
  var name1="zhu"; // 这里的`name1`是新定义的局部变量，不会影响到函数外部`name1`的值
}
name();
alert(name1);

var name1="liu";
function name(){
  name1="zhu"; // 这里没有使用var创建新变量，而是直接修改了全局变量`name1`
}
name();
alert(name1);

Answer 3

简单点说，第一个例子中函数内的变量在函数作用域内，外部访问不了。所以第一个解析的变量是全局变量。而第二个例子中函数内的变量因为没有关键字var的定义而成为了一个全局变量，所以执行函数后改变了原有的赋值。