在 JavaScript 中，作用域是一个非常重要的概念，它决定了变量和函数的可见范围。在早期的 JavaScript 中，作用域是通过函数作用域来实现的，也就是说，每个函数都有自己的作用域。但是，这种方式存在一些问题，比如说，变量声明会被提升到函数的顶部，容易造成变量名冲突等等。为了解决这些问题，ES6 引入了块级作用域。
块级作用域
在 ES6 中，我们可以使用 let 和 const 来声明变量，它们都是块级作用域。块级作用域可以理解为具有括号的作用域，只在括号内部有效。
{
let a = 1;
const b = 2;
}
console.log(a); // Uncaught ReferenceError: a is not defined
console.log(b); // Uncaught ReferenceError: b is not defined在上面的代码中，变量 a 和 b 只在花括号内部有效，所以在外部访问时会报错。
与函数作用域相比，块级作用域更加灵活，并且可以更好地控制变量的可见性。
解构赋值
在 ES6 中，我们可以使用解构赋值来方便地获取对象或数组中的值，并且可以在声明变量时通过解构赋值来赋值。
-- -------------------- ---- ------- ----- --- - - ----- ------- ---- -- -- ----- - ----- --- - - ---- ------------------ -- ---- ----------------- -- --
在上面的代码中，我们使用解构赋值来获取对象 obj 中的属性值，并且通过声明变量 name 和 age 并进行赋值。
使用解构赋值可以使代码更加简洁，同时也能够更好地管理变量的作用域。
箭头函数
在 ES6 中，我们可以使用箭头函数来更加简洁地创建函数，并且可以更好地控制函数的作用域。
const arr = [1, 2, 3, 4, 5]; const result = arr.map(item => item * 2); console.log(result); // [2, 4, 6, 8, 10]
在上面的代码中，我们使用箭头函数来将数组 arr 中的每个元素乘以 2，最后返回一个新的数组。箭头函数的作用域是在定义时确定的，这意味着箭头函数内部的 this 始终指向定义时的 this。
使用箭头函数可以使代码更加简洁，同时也能够更好地管理函数的作用域。
模板字符串
在 ES6 中，我们可以使用模板字符串来更加方便地创建字符串，并且可以在字符串中使用变量。
const name = 'Jack';
const age = 18;
const str = `My name is ${name}, and my age is ${age}`;
console.log(str); // My name is Jack, and my age is 18在上面的代码中，我们使用模板字符串来创建一个字符串变量 str，其中使用了 ${} 来引用变量。使用模板字符串可以使代码更加简洁，并且更加方便地管理变量的作用域。
总结
ES6 引入了块级作用域、解构赋值、箭头函数、模板字符串等新特性，这些特性可以更加方便地管理变量和函数的作用域，使代码更加简洁可读。学习这些特性可以提升我们的编程能力，并且更加方便地解决 JavaScript 中的作用域问题。
参考代码：
-- -------------------- ---- ------- - --- - - -- ----- - - -- - ----- --- - - ----- ------- ---- -- -- ----- - ----- --- - - ---- ----- --- - --- -- -- -- --- ----- ------ - ------------ -- ---- - --- ----- --- - --- ---- -- -------- --- -- --- -- -------- -------------------- -- --- -- -- -- --- ----------------- -- -- ---- -- ----- --- -- --- -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455ae91968c7c53b091a139