JS中的变量作用域深入解析
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS中的变量作用域深入解析,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2296字,纯文字阅读大概需要4分钟。
内容图文
![JS中的变量作用域深入解析](/upload/InfoBanner/zyjiaocheng/295/9169dfa291824bd8ab8ba3a54f1c6ce8.jpg)
变量的作用域有两种:全局变量和局部变量。本文主要和大家分享JS中的变量作用域深入解析,希望能帮助到大家。
全局变量
最外层函数定义的变量拥有全局作用域,即对任何内部函数来说,都是可以访问的: var n=10; function f1(){ console.log(n); } f1(); //输出10,说明全局变量n在函数内部被读取
局部变量
局部变量:在函数内部声明的变量。函数内部的变量,外部无法读取。 function f1(){ var n=10; } console.log(n); // 没有定义,说明函数内部的变量,外部无法读取。
ES5中作用域
for(var i =0;i<10;i++){ } console.log(i)
js这段代码,你觉得会输出什么?答案是10,在ES5中,只有全局作用域和函数作用域,并没有块作用域,当然我们可以实现块作用域的功能。看下面代码:
(function(){ for(var i =0;i<10;i++){ } })() console.log(i)
答案是1,这种写法叫做立即调用函数表达式(IIFE),这其实就创建了一个局部作用域,该作用域声明的变量只有在该块内有效,外部访问不了。这种写法的好处就是可以做到不污染全局变量。
这里还想再提一点,就是在ES5中,变量的声明问题,在ES5中并不是严格,你可以直接采用a=10,来声明一个全局变量。 如下:
a=10;console.log(a)
输出10,这里你可以不声明变量就去使用它,其实js帮你做了一件事。它会执行如下代码:
var a=undefined;a=10;console.log(a)
那么我们接下来来一点进阶的东西,就是变量提升。(ES5中的概念,ES6中新的用法不会出现变量提升),看代码:
a=10; (function(){console.log(a)var a=1; })();
上面代码输出什么呢?我们来分析一下:
var a=undefined; a=10; (function(){var a=undefined; console.log(a) a=1; })();
理解了变量提升是什么意思了吧,其实就是将声明提到了最前面,所以输出的是undefined;
ES6中的作用域
for(let i=0;i<10;i++){ }console.log(a)
输出 a is not defined这里,而且使用let声明的变量,在声明是不可以使用的。
a=3let a =10;alert(a)
将会输出a is not defined,为什么呢?阮一峰的ES6上这样说,只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
var a, b; (function () { console.log(a);// undefined console.log(b);// undefined var a = b = 0;// (1) console.log(a);// 0 console.log(b);// 0 })(); console.log('window', a);// window undefined console.log('window', b);// window 0
相关推荐:
php中include文件变量作用域详解
javascript变量作用域、内存、DOM泄露等问题实例详解
介绍JavaScript变量作用域实例
以上就是JS中的变量作用域深入解析的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的JS中的变量作用域深入解析全部内容,希望文章能够帮你解决JS中的变量作用域深入解析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。