javascript es6的常用语法你知道吗

JavaScript ES6 常用语法

ES6是JavaScript的一种标准，也被称为ECMAScript2015，它为JavaScript添加了很多新特性和语法。以下是ES6中常用的几种语法。

let & const

在ES6之前，我们只能使用var关键字来声明变量。而在ES6中，我们可以使用let和const关键字来声明变量。

• let用来声明一个变量，它的作用范围只在声明它的块级作用域内有效。

function foo(){
  let x = 100;
  if (true) {
    let x = 200;
    console.log(x); // 输出 200
  }
  console.log(x); // 输出 100
}

上面的代码中，块级作用域指if语句中的大括号内。因此在if语句中声明的变量x和函数体中声明的变量x是两个不同的变量。

• const用来声明一个常量，它的值在声明时必须初始化，且不可更改。

const PI = 3.1415926;
PI = 3; // TypeError: Assignment to constant variable.

箭头函数

ES6中的箭头函数是一个非常方便且简洁的语法糖。可以省略函数关键字和参数括号，同时自动绑定当前上下文的this指针。

const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(x => x * x);
console.log(squares); // 输出 [1, 4, 9, 16, 25]

上面的代码中，使用了箭头函数来计算数组中每个元素的平方。

解构赋值

解构赋值是ES6中非常方便的语法，可以将一个对象或数组中的值，通过一种便捷的方式，赋值给多个变量。

const person = {
  name: 'Tom',
  age: 20,
  gender: 'Male'
}

const { name, age } = person;
console.log(name); // 输出 "Tom"
console.log(age); // 输出 20

上面的代码中，使用了解构赋值从person对象中取出了它的name和age属性，然后赋值给了两个变量。

结语

以上是ES6中常用的几种语法，当然这还远远不是ES6的全部特性。掌握这些语法后，你可以更好地编写JavaScript代码，提高编码效率。