首页 > 函数内部定义同名变量

函数内部定义同名变量

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

结果为什么是不同的啊?


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);

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

var name1 = 'liu';

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

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

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

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

再看第二段的函数题:

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

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


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

【热门文章】
【热门文章】