首页 > 其他分享 >前端-ES6

前端-ES6

时间:2022-10-05 17:13:35浏览次数:63  
标签:ES6 const apple 前端 运算符 let orange

ES6

let 和 const

  • 在 ES6 中通常用 let 和 const 来声明,let 表示变量、const 表示常量
  • let 和 const 都是块级作用域,不存在变量提升
  • const 声明的是一个只读常量,在声明时就需要赋值。
  • var 声明变量可以重复声明,而 let 不可以重复声明

Promise 对象

  • Promise 是异步编程的一种解决方案,避免了回调地狱
  • Fulfilled 为成功的状态,Rejected 为失败的状态,Pending 既不是 Fulfilld 也不是 Rejected 的状态,可以理解为 Promise 对象实例创建时候的初始状态

async、await

  • 使用 async/await, 搭配 Promise,可以通过编写形似同步的代码来处理异步流程, 提高代码 的简洁性和可读性
  • async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成

module、export、import

  • import 引入的模块是静态加载(编译阶段加载)而不是动态加载(运行时加载)。
  • import 引入 export 导出的接口值是动态绑定关系,即通过该接口,可以取到模块内部实时的值

解构,扩展运算符

  • ES6 可以直接以 let [a,b,c] = [1,2,3]形式进行变量赋值

  • 扩展运算符还可以轻松方便的实现数组的复制和解构赋值(let a = [2,3,4]; let b = [...a])

  • 对象的解构赋值

    let {apple, orange} = {apple: 'red appe', orange: 'yellow orange'};
    
  • 对象的扩展运算符(...)

    let {apple, orange, ...otherFruits} = {apple: 'red apple', orange: 'yellow orange', grape: 'purplegrape', peach: 'sweet peach'}; // otherFruits {grape: 'purple grape', peach: 'sweet peach'}
    // 注意: 对象的扩展运算符用在解构赋值时,扩展运算符只能用在最有一个参数
    

箭头函数(核心)

  • 箭头函数内的 this 指向的是函数定义时所在的对象,而不是函数执行时所在的对象。
  • 如果上一层还是箭头函数,则继续向上指,直到指向到有自己 this的函数为止,并作为自己的hhis。
  • 如果上一层还是箭头函数,则继续向上指,直到指向到有自己this的函数为止,并作为自己的this。

标签:ES6,const,apple,前端,运算符,let,orange
From: https://www.cnblogs.com/HaruhiSuzumiya/p/16755878.html

相关文章