2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > JS中的变量作用域深入解析

JS中的变量作用域深入解析

时间:2023-01-24 16:06:14

相关推荐

JS中的变量作用域深入解析

web前端|js教程

javascript,作用域,变量

web前端-js教程

在线查询 源码,ubuntu写c教程,任天堂价格爬虫,php内联,dz seo工具lzw

易语言web服务器源码,vscode红色波浪线怎么设置,tlp ubuntu,tomcat请求接收处理缓慢,sqlite多行插入,网页设计免费下载,服务器阿里云服务器是什么系统软件,dzapp插件,前端ui框架工资,爬虫爬试卷,php数据库连接代码,网络seo培训,springboot国密算法,qq互联网站图标素材,网页上传图片并预览,响应式模板 下载,有后台的网站,wordpress 页面禁止评论,部队管理系统,js时钟小程序lzw

变量的作用域有两种:全局变量和局部变量。本文主要和大家分享JS中的变量作用域深入解析,希望能帮助到大家。

易语言 取网页源码,mac本安装ubuntu,tomcat如何看多少位,爬虫应用数据,php共享软件,花都区互联网seo优化怎么样lzw

全局变量

最外层函数定义的变量拥有全局作用域,即对任何内部函数来说,都是可以访问的: 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 undefinedconsole.log(window, b);// window 0

php中include文件变量作用域详解

javascript变量作用域、内存、DOM泄露等问题实例详解

介绍JavaScript变量作用域实例

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。