ES6学习笔记（持续更新）

let：声明变量，变量作用域在代码块里。这个很好用，直接解决了闭包变量问题。

let aaa = 'aaa'

const：声明常量，变量名一般用大写，块级作用域

const TEST = 'aaa'

ES6允许解构赋值，例如：

const NAME_LIST = ['aa', 'bbb', 'ccc']



let [n1, n2, n3] = NAME_LIST



const nameList = {

  name: 'aaa',

  age: 12,

  say: function() {

    console.log('aaa')

  }

}

let {name, age, sayHello} = nameList

sayHello()

模板字符串。内容里可以换行。

允许大括号里，直接写变量和函数。作为对象的属性和方法。

let name = 'aaa'

let change = function(){

  console.log('asdf')

}

const test = {

  name,

  change,

  say() {

    console.log('bbb')

  }

}

let say = (a,b) => {

  return a+b

}

say(1,2)

let test = n => n+1

test(1)

const arr = [1,2,3,4,5,6]

const result = arr.filter(item=>item %2 ===0)

可以给函数设置初始值。可以跟解构赋值结合

function add(a,b,c=11) {

  return a+b+c

}

let result = add(1,2);

function conn({host="127.0.0.1", username, passowrd, port}) {

  console.log(host)

}

conn({

  host: 'localhost',

  username: 'root',

  password: 'root',

  port: 3306

})

rest参数

function test(...args) {

   console.log(args) // args是数组

}



test('aaa', 'bbb', 'ccc')

...扩展运算符可以将数组转换为逗号分隔的“参数序列”

let test = ['aaa', 'bbb', 'ccc']

function say() {

  console.log(arguments)

}

say(...test)// == say('aaa', 'bbb', 'ccc')

可以用在数组合并

const arr1 = [111, 222]

const arr2 = [222, 333]

const result = [...arr1, ...arr2] // == [111, 222, 222, 333]



// 数组克隆

const arr3 = ['aa', 'bbb']

const arr4 = [..arr3] // ['aa', 'bbb']

Symbol数据类型，值是唯一的，不能运算，

let s = Symbol()

console.log(s)

let s2 = Symbol('name')

迭代器（iterator接口），for...of便利数组

const nameList = ['aa', 'bbb', 'ccc']

for(let n of nameLIst) {

  console.log(n)

}

生成器，一个特殊函数，用来异步编程

function * gen() {

  console.log("aaa")

}

let iterator = getn()

iterator.next()

Promise异步编程，Promise是一个构造函数。内部可以进行异步操作，获取成功或失败的结果

const p = new Promist(function(resolve, reject){

  setTimeout(()=>{

    resolve('ok')

  }, 1000)

})

// 调用

p.then(function(value){

  console.log(res)

}, function(reason){

  console.log(rej)

}).then(function(value1){}, function(reason1) {})

Set集合，会自动去重复元素

const s = new Set(['aa', 'bbb', 'cc', 'aa'])

console.log(s) // aa bbb cc

//数组长度 size

console.log(s.size)

// 添加元素

console.log(s.add('ddd'))

// 删除

console.log(s.delete('aa')) 

// 是否存在

console.log(s.has('bbb'))

// 清空

console.log(s.clear())

Map，键值对。

const m = new Map()

// 设置

m.set('name', 'aaa')

console.log(m)

// 取值

console.log(m.get('name'))

m.set('name', 'bbb')

console.log(m)

// 删除

m.delete('name')

console.log(m)

class 定义类

class Phone {

    static TYPE = 'PHONE'

    constructor(price) {

        this.price = price

    }

    call() {

        console.log('calling' + this.price)

    }

}



const phone = new Phone(111)

phone.call()

console.log(Phone.TYPE)



class SmartPhone extends Phone {

    constructor(brand, price) {

        super(price)

        this.brand = brand

    }



    play() {

        console.log('play')

    }

}



const smartPhone = new SmartPhone('huawei', 9999)

smartPhone.play()

smartPhone.call()

console.log(smartPhone)

数值扩展

Number.EPSILON 是javascript表示的最小精度，两个数字相差小于这个数就算相等



Number.isFinite 检测一个数值是否为有限数



Number.isNaN 检查一个数是否NaN



Number.parseInt Number.parseFloat 字符串转整数



Number.isInteger 判断数字是否为整数



Math.trunc 将数字的小数部分抹掉



Math.sign 判断一个数到底为正数 负数 还是零

Array.prototype.includes 判断数组中是否包含某个元素

async, await，异步编程。async定义的函数，返回一个promise对象。await必须在async函数内，await右侧必须是一promise对象，await的返回值是promise对象成功的返回值。

Object.keys获取对象的所有属性名，Object.values

Object.keys(obj)



Object.values(obj)

ES10：字符串 trimStart ，trimEnd清除字符串左右的空格

ES10：Array.property.flat，把多维数组变成一维数组。

ES11：私有属性 #

ES11：可选链操作符?.

原来的写法：const host = config && config.db && config.db.host

现在的写法：const host = config?.db?.host

ES11： globalThis 始终指向全局对象