浅析JavaScript中作用域和作用域链

网络编程 2024/11/19 佚名

3 1 2

学习js，肯定要学习作用域，js作用域和其他的主流语言的作用域还存在很大的区别。

一.js没有块级作用域。

　js没有块级作用域，就像这样：

if（）｛
 var a = 100； 
　　console.log(a) //输出100
｝
console.log(a) //输出100

　js中像if，for，switch之类的语句，他们包含的代码块里面的变量，在代码块外面也能被读取，所以说，js没有块级作用域。

二.js的全局变量

　js中规定，全局变量都可以看作是window的属性，而且全局变量能够被所有的代码块读取。

var a = 10;
function() {
　　b = 20; 
 console.log(a); //输出10;
}
console.log(b); //输出20;

　虽然在匿名函数中对a没有定义，但是由于a是全局变量，所以其他任何的代码块都能够读取a的值。在一个复杂的项目中，全局变量如果操作不慎，很有可能带来重大的bug。所以在平时写代码的时候，应该尽量避免使用全局变量！对于一个变量来说，如果没有用var来声明的话，那么会自动认为是全局变量，因此，在书写中，一定不能漏写var。

三.js的局部变量

　js中的全局变量，很容易使代码存在问题，所以我们应该明确区分全局变量和局部变量！局部变量只在他所在的函数内部读取，在函数外部却无法读取这个变量。

function doSomething(){
 var blogName="智轩资本";
 function innerSay(){
  alert(blogName);
 }
 innerSay();
}
alert(blogName); //undefined
innerSay(); //undefined

四.js的作用域链问题

　由于js存在全局变量和局部变量，在调用一个变量是，会对他的作用域链进行查找，如果函数内部定义了这个变量，那么取该变量的值，如果没有，那么向上一层查找，如果找到了，就获取这个值，如果还没找到，继续往上层查找，直到找到位置，如果找到最后也没找到，那么该变量的值为undefined。

　先看一个例子：

var myName = '智轩资本';
function scoap() {
 　console.log(myName);
　　　　var myName = "zhixuan";
　　　　console.log(myName);
　　　　console.log(age);
 } 
scoap();

先分析一下这个例子，scoap（）将调用这个函数，第一个console.log（name），会对name的值进行原型链查找，首先看函数scoap内部是否进行了定义，发现在函数内部对name进行了定义，那么第一个console.log（name）将不再往上层查找！那么第一个console.log（name）的值是不是就是“zhixuan”了呢？no！no！no！由于第一个console.log(name)时，对name还没有赋值，所以，第一个console.log（name）为undefined，第二个console.log（name）为“zhixuan”！

再看一个例子：

var a = 10;
function zhixuan() {
 console.log(a);
}
function ziben() {
 var a = 20;
 zhixuan();
}
ziben();

这次console.log（a）的值为多少呢？首先执行ziben（）函数，里面定义了a为20，再执行zhixuan（）函数，要求输出a的值，由于作用域在函数定义的那一瞬间就决定了，所以，zhixuan（）函数会向上查找到a的全局变量，即var a=10，而不是演着ziben（）里的作用域查找！所以console.log（a）为10.

当然，我的这些理解比较浅，如果想要继续深入，推荐阅读：https://www.jb51.net/article/57393.htm

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持！

js,作用域,作用域链

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“浅析JavaScript中作用域和作用域链”

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年11月19日

浅析JavaScript中作用域和作用域链

JavaScript之Vue.js【入门基础】

利用JS轻松实现获取表单数据

评论“浅析JavaScript中作用域和作用域链”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接