今天是写博客的第四天，我重点看了一下js的es6，这个是写js的重要工具！

ES6，全称 ECMAScript 6，是 JavaScript 的第六个版本，于 2015 年 6 月发布。ES6 包含了一系列新特性和语法糖，使得 JavaScript 更加方便、可读性更强，并且允许使用更先进的编程范式进行开发。下面，我们将从 ES6 的一些重要特性出发，介绍如何更好地使用 ES6 进行 Web 开发。

1. let 和 const 关键字

在 ES6 中， let 和 const 关键字用来声明变量，与传统的 var 不同，它们都是块级作用域变量。let 相比 var 的优势在于可以避免变量提升，而 const 定义常量时不可再次复制。

示例：

let a = 2;
{
    let a = 3;
    console.log(a); // 3
}
console.log(a); // 2

const b = 'hello world';
b = 'new value'; // 报错：Assignment to constant variable.

2. 模板字符串

ES6 引入了模板字符串，它允许在字符串中使用变量，而不需要像之前一样使用字符串拼接。模板字符串使用反引号（`）来包围，变量则使用 ${} 的语法来表示。

示例：

let name = 'David';
let message = `Hello, ${name}!`;
console.log(message); // Hello, David!

3. 函数默认参数

在 ES6 中，函数的参数可以设置默认值，如下所示：

示例：

function sayHello(name = 'World') {
    console.log(`Hello, ${name}!`);
}

sayHello(); // Hello, World!
sayHello('David'); // Hello, David!

4. 箭头函数

ES6 引入了箭头函数，它提供了更简洁的语法，使得 JavaScript 更加易读易懂。箭头函数的特点是 this 值被绑定在定义时的上下文，而不是函数执行时的上下文。

示例：

let numbers = [1, 2, 3, 4];
let squared = numbers.map(x => x * x);
console.log(squared); // [1, 4, 9, 16]

5. 解构赋值

解构赋值是 ES6 中一项有趣的新功能，它允许从数组或对象中提取数据并将其分配给变量。

示例：

let person = { name: ‘David’, age: 25 };
let { name, age } = person;
console.log(name); // David
console.log(age); // 25

let [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

总结：

以上 5 个特性都是 ES6 中非常重要的部分。它们提供了更加便捷、高效和易读的方式编写 JavaScript 代码，并且在现代 Web 开发中被广泛应用。当然，ES6 的特性远不止这些，我们可以继续深入学习它的其它功能。