ES6新特性：let、const与解构赋值解析

"本文介绍了ECMAScript 6（ES6）的基本语法和新增特性，包括let与const关键字的使用，变量作用域，解构赋值，以及默认参数等核心概念。" ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本更新，旨在提升其作为企业级开发语言的能力。它引入了许多新的语法特性，让开发者能更高效地编写代码。 1. let与const关键字：let关键字解决了var变量存在的作用域问题。let声明的变量仅在其所在的块级作用域内有效，避免了变量提升（hoisting）和全局污染。例如，在for循环中使用let，变量i只在循环体内存在，循环外无法访问。const则用于声明常量，一旦赋值后不可更改，但需要注意的是，如果const声明的是一个对象，虽然对象引用不可变，但对象内部的属性是可以修改的。 ```javascript for (let i = 0; i < 2; i++) { console.log(i); // 输出: 0, 1 } console.log(i); // 输出：undefined，在严格模式下会报错 const ARR = [5, 6]; ARR.push(7); console.log(ARR); // [5, 6, 7] ARR = 10; // TypeError: Assignment to constant variable. ``` 2. 块级作用域：let和const声明只在最靠近的一个块（花括号{}内）有效。这意味着在函数、循环、if语句等中声明的变量不会影响到外部的作用域。let还具有不可重复声明的特性，如果在一个作用域内多次声明同一个变量，将会抛出错误。 3. 解构赋值：解构允许从数组或对象中直接提取值并赋给变量，简化了代码。例如，从函数返回的数组中提取值： ```javascript var [x, y] = getVal(); // 函数返回值的解构 function getVal() { return [1, 2]; } console.log('x: ' + x + ', y: ' + y); // 输出：x: 1, y: 2 ``` 4. 解构的其他用法：解构可以处理未命名的数组元素，也可以设置默认值。例如，当数组中存在空位时，解构依然可以正常工作，空位会被忽略。同时，可以为解构赋值提供默认值，以防解构的目标不存在。 ```javascript [name, , age] = ['wayou', 'male', 'secret']; console.log('name: ' + name + ', age: ' + age); // 输出：name: wayou, age: secret let a, b, rest; [a, b, ...rest] = [1, 2, 3, 4, 5, 6]; console.log(rest); // rest值是[3, 4, 5, 6] ``` 5. 默认参数：ES6允许在函数参数中设置默认值，当调用函数时不提供参数时，会使用这些默认值。 ```javascript let a, b, c; [a, b, c = 5] = [4, 8]; console.log(a, b, c); // 输出：4, 8, 5 function test(x, y = 10) { console.log(x, y); } test(20); // 输出：20, 10 ``` 通过这些新特性，ES6极大地提高了JavaScript的可读性和可维护性，使得开发者可以编写更加简洁、高效的代码，从而更好地应对复杂的前端和后端开发任务。学习并掌握ES6的新特性，是现代JavaScript开发者的必备技能之一。