块级作用域简述

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

ES5只有全局作用域和函数作用域,没有块级作用域,会带来以下问题:

1、变量提升导致内层变量可能会覆盖外层变量

var i = 5;
function new() {
console.log(i);
if (true) {
var i = 6;
}
}
new();// undefined

2、用来计数的循环变量泄露为全局变量

for (var i = 0; i < 5; i++) {
console.log(i);
}
console.log(i); // 5

二、ES6中的块级作用域

ES6允许块级作用域的任意嵌套。外层作用域无法读取内层作用域的变量。

{let i = 6;}
console.log(i); // error

内层作用域可以定义外层作用域的同名变量。

let i = 5;
{let i = 6;}

块级作用域的出现使得立即执行函数不再需要。

立即执行函数:

(function() {
var i = 5;
})();

块级作用域:

{
let i = 5;
}

ES6引入了块级作用域,明确允许在块级作用域中声明函数。

ES6还规定,在块级作用域中,函数声明的行为类似于let,在块级作用域之外不可引用。

ES6中,函数声明会提升到函数作用域的头部。

注意:ES6的块级作用域允许声明函数只在使用大括号的情况下成立,如果未使用大括号,会报错。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前面的话 函数是所有编程语言的重要组成部分,在ES6出现前,JS的函数语法一直没有太大的变化,从而遗留了很多问题,...
    CodeMT阅读 4,268评论 0 1
  • let 命令 块级作用域 const 命令 顶层对象的属性 global 对象 let 命令 基本用法 ES6 新...
    嘉奇呦_nice阅读 5,546评论 0 2
  • let 和 const 命令 let 命令 块级作用域 const 命令 顶层对象的属性 gl...
    安小明阅读 4,563评论 0 0
  • let 命令 块级作用域 const 命令 顶层对象的属性 global 对象 let 命令 基本用法 ES6 新...
    卞卞村长L阅读 3,780评论 0 0
  • “火锅料的概念是从哪里来的? ” 电视栏目中,有主持人称我们的火锅只是清汤,涮涮肉片,放放青菜。而火锅料的概念是从...
    向阳ty阅读 3,068评论 0 1

友情链接更多精彩内容