与 ES5 相比，ReactJS ES6 语法有何不同？

ReactJS 是一个广泛使用的 JavaScript 库，用于构建用户界面。对于使用 ReactJS 的开发人员，了解 ES6 语法对于编写更具可读性和可维护性的代码非常重要。

不同点一：变量声明

在 ES5 中，变量声明有两种方式：var 和 function 关键字。而在 ES6 中，还有两个新的声明变量的方式：let 和 const 关键字。

let 关键字声明的变量作用域仅限于当前代码块，例如：

{
  let x = 'hello';
  console.log(x); // 输出 'hello'
}
console.log(x); // 抛出错误：x is not defined

const 关键字声明的变量是常量，不允许被重新赋值。这对于开发人员来说是一个好处，因为它可以防止无意中更改变量的值。

不同点二：箭头函数

箭头函数是 ES6 中的一个新特性，它可以让函数的声明更加简洁明了。与普通函数的声明方式不同，箭头函数使用 => 符号来分隔函数的参数和函数体。

例如，下面的代码使用普通函数来打印一个字符串：

function printMessage(msg) {
  console.log(msg);
}

printMessage('Hello'); // 输出: "Hello"

使用箭头函数的写法：

const printMessage = msg => {
  console.log(msg);
}

printMessage('Hello'); // 输出: "Hello"

不同点三：模板字面量

在 ES6 中，模板字面量 (template literals) 让字符串模板更加易于使用。模板字面量可以包含变量，并使用反引号 (``) 括起来。

例如，下面的代码使用普通字符串模板打印一个字符串：

const name = 'Alice';
console.log('Hello, ' + name + '!');

使用模板字面量的写法：

const name = 'Alice';
console.log(`Hello, ${name}!`);

不同点四：展开运算符

展开运算符 (spread operator) 是 ES6 中的一个新特性，它可用于将数组或对象展开成多个参数或项。展开运算符使用 ... 符号来标识。

例如，下面的代码使用展开运算符合并两个数组：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // 输出: [1, 2, 3, 4, 5, 6]

当然，还有更多 ES6 的新特性，如 class、for-of 循环、解构赋值等。对于 ReactJS 开发人员来说，学习这些新特性是非常有益的，可以提高代码的编写效率和可读性。