ES6 引入了许多新的特性和扩展,极大地改善了 JavaScript 语言的功能和开发体验。从对象的扩展到参数的处理,再到作用域管理、严格模式和箭头函数等方面,ES6 在语法和功能上做出了诸多优化。下面我们将从 参数、属性、作用域、严格模式、箭头函数 等方面进行详细讲解,并结合实际项目代码示例进行说明。
1. 参数(Default Parameters, Rest Parameters, Spread Syntax)
ES6 在函数参数方面引入了 默认参数、剩余参数 和 展开运算符 等特性。
1.1 默认参数(Default Parameters)
ES6 允许给函数参数设置默认值,如果调用函数时未传入相应的参数,就使用默认值。
function greet(name = 'Guest') {console.log(`Hello, ${name}!`);
}greet(); // 输出: Hello, Guest!
greet('Alice'); // 输出: Hello, Alice!
1.2 剩余参数(Rest Parameters)
剩余参数 ...
使得函数能够接收不定数量的参数,这些参数将作为一个数组传入。
function sum(...numbers) {return numbers.reduce((acc, num) => acc + num, 0);
}console.log(sum(1, 2, 3, 4)); // 输出: 10
1.3 展开运算符(Spread Syntax)
展开运算符可以将数组或对象展开成单独的元素或属性,常用于数组和对象的合并。
// 合并数组
let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [...arr1, ...arr2];
console.log(