JS变量作用域浅析

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011365716/article/details/73549716

一、在申明变量是凡是没有var关键字，而直接赋值的变量均为全局变量

1、function test() {  

           a = 30; 

          var b = 20;

     }

 test();

 console.log("a="+a); //这里很明显，a为全局变量

 console.log("b="+b);//b为局部变量，故在函数test外调用是，提示未定义

二、函数域优先于全局域， 函数内部的变量取代全局同名变量

扫描二维码关注公众号，回复： 4951436 查看本文章

var t = "bb"; 
function test() { 
//执行t的时候，它会先找作用域链对象，由于它定义在函数内部，所以这个函数就是它的作用域链的第一个对象 
//而在这个对象里又有t的定义，所以t就是局部变量了，它替换了全局变量t


//t只是此时有定义，但并没有赋值，赋值在下一行，所以这里输出了undefined 
alert(t); 
var t = "aa"; 
alert(t); 
} 
test();

三、JS没有块级作用域

if (true) { 
//在块中定义了一个变量，它的作用域链的第一个对象就是全局对象window 
var tmp = 0; 
} 
//tmp的作用域链的第一个对象就是全局对象window，而上面又有全局对象中相关的var语句，因此输出0 
alert(tmp); 

function test(){

   for(var i = 0 ; i < 3 ; i++){

          //i=0,1,2,最后执行到i=3时退出循环

   }

   console.log(i);//3

}

test();

四、with语句

说到作用域链，不得不说with语句。with语句主要用来临时扩展作用域链，将语句中的对象添加到作用域的头部。

看下面代码

[javascript] view plain copy

1. person={name:"yhb",age:22,height:175,wife:{name:"lwy",age:21}};  
2. with(person.wife){  
3.     console.log(name);  
4. }  

with语句将person.wife添加到当前作用域链的头部，所以输出的就是：“lwy".

with语句结束后，作用域链恢复正常。