撸代码

ES6常用的7个语法

2019-04-30 23:36:22 作者:码工0组
1、let、const
let:用它所声明的变量,只在let命令所在的代码块内有效。
const:一旦声明,常量的值就不能改变。
2、class、extends、super
class:类。constructor构造方法,this代表实例对象。
3、arrow function箭头函数
如果方法比较复杂,则需要用{}把代码包起来。
4、template string
之前要用一堆的'+'号来连接文本与变量,现在使用ES6的新特性模板字符串``。
5. destructuring解构
例:
var [a, b, c] = [1, 2, 3];
6、default、rest
rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中。
function add(...values) {
  let sum = 0;
  for (var val of values) {
    sum += val;
  }
  return sum;
}
add(1, 2, 3) // 6
7、import、export
例:
//index.js
import animal from './content'
//content.js
export default 'A cat'
export命令除了输出变量,还可以输出函数,甚至是类。