ES8 几个新属性

• 1、async 与 await

  async  function fn() {
    return 100; // 等价于 return Promise(100)
  }
  fn().then(val => {
    consolse.log(val)
  })
  
  console.log(fn() instanceof Promise) // true
  
  
  async function fn2() {
    let promise = new Promise((resolve, reject) => {
      console.log(1)
      setTimeout(function() {
        console.log('done')
      },1000)
    })
    promise.then(val => {
      console.log(val)
    })
    console.log(2)
    return Promise.resolve(3)
  }
  fn2().then(val => {
    console.log(val)
  })
  

  2、object 快速遍历的方法

  const data = {
    a: 1,
    b: 2
  };
  console.log(Object.keys(data)) // ['a','b']
  console.log(Object.values(data)) // [1, 2]
  console.log(Object.entries(data)) // [['a', 1],['b', 2]]
  

  3、string 补白

  // 传统 string 补白方法
  
  for(let i = 1; i < 20; i++) {
    if(i < 10) {
      console.log(`0${i}`)
    }else {
      console.log(i)
    }
  }
  
  // es8 前补白
  for(let i = 1; i < 32; i++) {
    console.log(i.toString().padStart(2, '0'))
  }
  // es8 后补白
  for(let i = 1; i <100; i+=10) {
    console.log(i.toString().padEnd(5,'00'))
  }
  

  4、对象属性描述符设置

  const data = {
    lisa: '100',
    saly: '101',
    mery: '102'
  };
  Object.defineProperty(data, 'lisa', {
    enumerable: false,
    writable: false
  });
  console.log(Object.keys(data)) // ['saly', 'mery']
  console.log(Object.getOwnPropertyDescriptors(data))
  console.log(Object.getOwnPropertyDescriptor(data,'lisa'))