ES6 (持续更新)

ES6语法

什么是ES6？

ES的全称是ECMAScript, 它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。

---

为什么使用ES6？

每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有很多令人不满意的地方

• 变量提升特性增加了程序运行时的不可预测性
• 语法过于松散，实现相同的功能，不同的人可以写出千变万化的代码

---

下面开始

注: 这里大概记录一些已知的ES6语法，本是给自己看的，如果你也看到了，我希望你是具有ES5的知识后再来查看。

---

let、const、var

1. 使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象。
2. 使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。
3. 使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值。

var	let	const
函数级作用域	块级作用域	块级作用域
变量提升	不存在变量提升	不村子变量提升
值可更改	值可更改	值不可更改

---

Set数据结构

ES6提供了新的数据结构Set，它类似于数据，但是成员的值都是唯一的，没有重复的值。
Set本身是一个构造函数，用来生成Set数据结构。

const s = new Set()

Set函数可以接受一个数据作为参数，用来初始化

const set = new Set([1, 2, 3, 4, 4]) 
conlose.log(set)    // Set[4] {1,2,3,4}

这一特性非常适合用来做数据去重

实例方法

操作	说明
add(val)	添加某个值，返回Set结构本身
delete(val)	删除某个值，返回一个布尔值，表示删除是否成功
has(val)	返回一个布尔值，表示该值是否为Set的成员
clear()	清除所有成员，没有返回值

const s = new Set()
s.add(1).add(2).add(3)  // 向set结构中添加值
s.delete(2) // 删除set结构中的值2
s.has(1)    //判断set结构中是否有1这个值，返回布尔值
s.clear()   //清除所有set结构中的值

遍历

Set结构的实例与数组一样，也拥有forEach方法，用于对没有成员执行某种操作，没有返回值

s.forEach(val => console.log(val))

---

findlndex()

用于找出"第一个"符合条件的数组成员的位置，如果没有找到则返回 -1

let ary = [1, 5, 10, 15]
let index = ary.findIndex(item => item > 9)
console.log(index)  // 2

---

includes()

表示某个数组是否包含给定的值，返回布尔值

[1, 2, 3].includes(2)   // true
[1, 2, 3].includes(4)   // false

---

箭头函数

() => {}
const fn = () => {}
fn()

1.箭头函数是用来简化函数定义语法的
2.函数体只有一句代码，且代码就是返回值，可以省略大括号
3.如果形参只有一个，可以省略小括号
4.箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this

// ES5
function sum (n1, n2) {
    return n1 + n2
}
// ES6
const sum = (n1, n2) => n1 + n2
const fn = v => v

---

模板字符串

ES6新增的创建字符串的方式，使用反引号定义(也就是大家常说的波浪键)
模板字符串中也可以解析变量
模板字符串中也可以调用函数

// 因为编辑器原因无法打出，所有用shift+波浪键来表示
let name = ~zhangsan~

let sayHello = ~hello,my name is ${name}~ 
// 输入: hello,my name is zhangsan

const sayHello = function () {
  return '哈哈'
}
let greet = ~${sayHelllo()} 啦啦啦啦~
console.log(greet)
// 哈哈 啦啦啦啦

---

startsWith()和endsWith()

startWith('val'):表示参数字符串是否在原字符串的头部，返回布尔值。
endsWith('val'):表示参数字符串是否在原字符串的尾部，返回布尔值。

let str = 'Hello world!'
str.startsWith('Hello')  // true
str.endsWith('!')   // true

---

repeat()

repeat()方法表示将原字符串重复n次，返回一个新字符串。

'x'.repeat(3)   // "xxx"
'hello'.repeat(2)   // "hellohello"

---

Promise

Promise 是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从它可以获取异步操作的消息。
使用 Promise 主要有以下好处:

• 可以避免多层异步调用嵌套问题(也就是常说的回调地狱)
• Promise对象提供了简洁的API，使得控制异步操作更加容易