ES6感觉还不错的几个特性

ES6常用最新特性：

1.变量let和常量const  他们的作用域只限制于{}大括号内，不再像以前一样被置顶

依次输出0到9这样的方法也比一千更加简洁

2.模板字符串

第一：字符串格式化

const name = 'lux'

console.log(`hello ${name}`) 

采用了${}来界定

第二：字符串一行行拼接或者多行字符串以前用\；现在直接 ’ ‘反引号就可以了

const template = `<div>

        <span>helloworld</span>

    </div>`

第三：对于字符串ES6有很多不错的方法

// 1.includes：判断是否包含然后直接返回布尔值

const str = 'hahay'

console.log(str.includes('y')) // true

// 2.repeat: 获取字符串重复n次

const str = 'he'

console.log(str.repeat(3)) // 'hehehe'

//如果你带入小数, Math.floor(num) 来处理

// s.repeat(3.1) 或者 s.repeat(3.9) 都当做成s.repeat(3) 来处理

// 3. startsWith 和 endsWith 判断是否以给定文本开始或者结束const str = 'hello world!'

console.log(str.startsWith('hello')) // true

console.log(str.endsWith('!')) // true

3函数

1：函数的快捷写法（箭头函数）

不需要function关键字来创建函数

省略return关键字

继承当前上下文的this关键字

//例如：

    [1,2,3].map(x => x + 1)

//等同于：

    [1,2,3].map((function(x){

        return x + 1

}).bind(this))

Ps：当函数有且只有一个参数时可以省略那个小括号

2：扩展的对象功能

3：更方便的数据访问

之前获取对象的信息是一个一个获取，现在ES6则是直接从对象或者数组里取出数据存为变量

//对象

const people = { name: 'lux', age: 20 }

const { name, age } = people

console.log(`${name} --- ${age}`)

//数组

const color = ['red', 'blue']

const [first, second] = color

console.log(first) //'red'

console.log(second) //'blue'

4：Spread Operator展开运算符

组装对象或者数组

Import和export：导入导出模块，