ES6——Day1（块级作用域）

浅浅的花香味﹌ 2022-07-16 17:21 284阅读 0赞

1、为什么需要块级作用域

对于ES5而言，只有全局作用域和函数作用域，并没有块级作用域这个概念。

没有了块级作用域，会带来很多不合理的场景。如下：

（1）内层变量可能会覆盖外层变量；

（2）用来计数的循环变量泄露为全局变量。

第1种场景：后者覆盖前者变量

var time=new Date(); function fun(){ console.log(time); if(false){ var time="Hello World!"; }; }; fun(); //undefined

第2种场景：

var string="Hello World!"; for(var i=0;i<string.length;i++){ console.log(string[i]); }; console.log("循环结束！"); console.log(i); //12

由于i作为一个循环体，循环结束后应该释放内存，然而循环结束，内存依然存在，会导致内存泄漏的问题的出现，由此引发了“块级作用域”的概念。

2、块级作用域

其实let的出现为ECMAScript6带来了块级作用域的概念。

（1）在ES6情况下：

（2）在ES5情况下：

总结：对于块级作用域而言，表示立即执行，有定义的第一个“let”，就不会受外界块级作用域的影响，还是以第一个值为准。

解析：

（1）对于ES5而言，内部定义的作用域会覆盖外部的作用域，即之后赋值的会覆盖之前首次赋值的；

（2）对于ES6而言，内部定义的作用域由于“let”表示的是块级作用域，而外部function对应的let是外部的块级作用域，二者相互独立开来，互不影响。同时，let在内部的块级作用域只对局部函数有效，而相对于外部函数而言并不会产生影响。

3、立即执行函数

结构为：“**（function()\{** **\}()）;**”——不用调用，直接就可以执行。

（1）在ES5中，显示匿名函数。

结果：会显示“I am inside！”

解析：由于立即执行函数，先执行后判断，所以先执行fun()函数内部，不管if(false)，即直接弹出对话"I am inside！"

（2）在ES6中的情况

结果：会显示“I am outside!”

解析：由于在ES6中存在了块级作用域，内部模块不会影响外部模块，读取的是外部模块，所以相应的会显示出“I am outside!”

总结：

当引入“块级作用域”的概念，内部并不会影响外部，即显示的是所谓的“外部”；而在ES5中，内部会覆盖外部的，即显示所谓的“外部”。

还没有评论，来说两句吧...