码迷,mamicode.com
首页 > 其他好文 > 详细

关于作用域的一点疑问和分析——changeColor

时间:2015-06-22 22:17:47      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

今天在看JS高程3的时候看到这样一段代码,同时联想到之前看视频教程的时候看到的一段代码,开始有些疑惑,后面再看一遍视频便理解了。

 

先上两段代码:

 

 1 var color = "blue";
 2 function changeColor(){
 3     alert(color);                          //   blue
 4     if(color === "blue"){
 5       color = "red";
 6    }else {
 7        color = "blue";
 8    }
 9 }
10 changeColor();
11 alert("color is now " + color)     //  color is now red

 

第二段:

1 var color = "blue";
2 function changeColor(){
3   alert(color); // undefined
4   var color = "red";
5 }
6 changeColor();
7 alert("color is now " + color) // color is now blue

 

疑惑:两段代码中,为什么第一段代码中的color会返回blue,而第二段代码则是返回undefined? 按理说,function里面是可以通过作用域链访问到外部的全局变量的。但是为什么这里返回的结果不一样呢??

 

初步猜想是因为if else 语言造成的影响

 

表达式可以修改预解析的值; 函数的环境内也是一个局域; 函数里面的代码,是在调用他的时候才执行的;

实际原因:

第一段代码是因为函数内,没有var 也没有function,没有参数,所以就要跑到全局环境里面去找

找到color的值被修改为"blue", 所以这里的alert(color)返回blue,跟if语句其实没啥关系。

而第二段代码,是因为函数被调用时候,里面有var,与解析的时候会给a一个未定义 a=... ,所以在逐行执行函数内代码时候,第一行会返回undefined;

关于作用域的一点疑问和分析——changeColor

标签:

原文地址:http://www.cnblogs.com/zhangxg/p/4593952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!