js的变量作用域 ,变量提升

时间:2023-03-08 17:31:30
(function(){
a = 5;
alert(window.a);
var a = 10;
alert(a);
})();

结果: undefined 10


代码等同于下面

var a = undefined;   //定义全局变量
(function(){
var a; //
a = 5; // a = 5;但是被局部变量覆盖,这时候的a是局部变量
alert(window.a); //a = undefined; 试图访问全局变量a,可是并没有赋值
a = 10; //依然是局部变量a
alert(a); //a = 10
})();

分析:

1.在产生一个作用域的时候,会预编译一次里面的变量,其中的动作是将所有的变量名,函数名,提前定义,然后在赋予当前的变量的所在作用域,运行。

2.变量名的定义会覆盖函数名,可是函数名(见下面)

var a;
function a(){
alert(12);
}
a(); //alert(12)
a = 10;
a(); //Uncaught TypeError: a is not a function

a的定义,function的定义 换个顺序

	(function(){
var a=10;
function a(){
alert(2);
return 8;
}
alert(a);
alert(a());//Uncaught TypeError: a is not a function
})();
//分析:a() 的函数名并不会覆盖变量名 function a(){
alert(2);
return 8;
}
(function(){
var a=10;
alert(a); // 10
alert(a());//结果:Uncaught TypeError: a is not a function;如果把函数名称换成c,那么js会往上级查找,如果在本作用域中找到a,那么直接调用,这时的调用会忽略a的类型(若类型的语言?)
alert(window.a());// 2, 8
})();
  • 在建立以一个作用域时,编译时,变量的声明会提前,在确定作用域,运行。
  • js中的变量名不会被同名的函数覆盖,而同名的函数会被变量覆盖。
  • 在js中调用函数,如果有同名的变量,那么会直接调用这个变量,不会向上查找,如果没有这个变量,才会向上查找