es6的新特性有哪些、并说出用法

ES6的新特性有很多，其中比较常用的包括：

1. let 和 const 声明变量：let 声明的变量只在块级作用域内有效，const 声明的变量是常量，不可修改。

2. 箭头函数：使用箭头函数可以简化函数的定义，同时还可以继承外层函数的 this 对象。

3. 模板字符串：使用反引号包裹字符串，可以在其中使用变量和表达式，同时还支持多行字符串。

4. 解构赋值：可以将数组或对象中的值解构到变量中，方便快捷。

5. 默认参数：可以为函数的参数设置默认值，调用函数时如果没有传入该参数，则使用默认值。

6. 扩展运算符：使用 ... 可以将数组或对象展开成多个参数，或者将多个参数合并成一个数组。

7. 类和继承：ES6 引入了 class 关键字，可以更方便地定义类和继承关系。

以上是 ES6 的一些常用特性和用法，可以帮助开发者更加高效地编写代码。

相关问题

说一下ES6的新特性有哪些？

ES6（ECMAScript 2015）引入了许多新的特性和语法，增强了JavaScript语言的表达能力和开发效率。以下是ES6中的一些关键新特性：

1. **箭头函数**：更简洁的语法，没有`function`关键字，也没有`this`的绑定规则，通常用作回调函数。

2. **let和const**：引入了块级作用域的变量，`let`声明可变，`const`声明常量，不可重新赋值或改变引用。

3. **模板字面量**（template literals）：使用反引号(``)创建，支持多行字符串和嵌入表达式。

4. **解构赋值**：可以从数组或对象中直接提取并赋值给变量，提高了代码的可读性。

5. **类和继承**：引入了类的语法，支持`extends`关键字进行继承，以及`super`关键字调用父类方法。

6. **默认参数和剩余参数**：函数参数可以设置默认值，`...rest`参数允许处理不定数量的参数。

7. **模块化**：`import`和`export`用于组织和重用代码，实现模块化。

8. **Promise**：处理异步操作，提供了更清晰的错误处理和链式调用。

9. **Symbol**：一种全新的原始数据类型，用于创建唯一标识符，常用于对象属性名。

10. **迭代器和生成器**：使得处理集合和流数据更加方便，特别是通过`for-of`循环。

web简易计算器，使用ES6新特性

Web简易计算器是一个简单的HTML、CSS和JavaScript应用，利用了ES6（ECMAScript 6）的新特性和语法。以下是使用ES6的一些关键点：

1. **箭头函数**：可以创建更简洁的回调函数，如 `(x, y) => x + y`，代替传统的 `function(x, y) { return x + y; }`。

2. **模板字符串（Template literals）**：使用反引号 (``) 括起的文本更容易处理字符串插值，例如 `let result = `${x} + ${y}`。

3. **let 和 const 声明变量**：避免了全局作用域污染，让代码块内声明的变量只在该范围内有效。

4. **解构赋值**：可以从数组或对象中直接提取并赋值，如 `let [num1, num2] = [5, 10];`。

5. **Array 方法**：比如 `.map()` 和 `.reduce()`，可用于计算数组操作，简化复杂循环。

6. **模块化（import/export）**：ES6引入了模块系统，使得文件组织更清晰，通过 `export` 导出函数或变量，`import` 从其他模块导入。

示例代码片段：

// ES6简易计算器
const add = (x, y) => x + y;
const subtract = (x, y) => x - y;

function calculate(type, a, b) {
  switch (type) {
    case 'add':
      return add(a, b);
    case 'subtract':
      return subtract(a, b);
    // 添加更多case...
  }
}

const inputA = document.getElementById('a');
const inputB = document.getElementById('b');
const buttonAdd = document.getElementById('add-button');
const buttonSubtract = document.getElementById('subtract-button');

buttonAdd.addEventListener('click', () => {
  const num1 = Number(inputA.value);
  const num2 = Number(inputB.value);
  console.log(calculate('add', num1, num2));
});

buttonSubtract.addEventListener('click', () => {
  const num1 = Number(inputA.value);
  const num2 = Number(inputB.value);
  console.log(calculate('subtract', num1, num2));
});