一.今日学习内容 1.解构数组 const arr=[1,2,3]; let [变量1,变量2,变量3]=arr; 从数组中把值取出来,放在3个变量中保存 使用let一次性声明三个变量,按照顺序,把数组中的值取出来,赋值给对应的变量 2.解构对象 const user = {name: 'roy',age: 12,}; let {name,age} = user; 变量名必须与属性名相同 3.解构函数参数 本质还是解构数组和对象 参数是数组 function fn([a,b,c]){}; fn(['a','b','c']); 参数是对象 function fn({name,age}){}; fn([name:'roy',age:22]); 4.模板字符串 解决字符串拼接问题 语法:`字符串${变量名,表达式}字符串` 表达式:能够算出唯一结果的一句代码 5.对象的简写 key和value值相同可以省略 对象方法中可以省略function 6.ES6的类 语法:class 类名{} class 类名{constructor(形参){this挂载} 方法名(){} //静态方法 static 方法名(){}} ES6的继承 class 子类 extends 父类{ constructor(所有的参数){ super(继承父类的参数)}} 7.ES6模块导入和导出 单个暴露 暴露--导出:export var userName='xxx'; export function show(){} 导入--引入:import{userName,show()}from '文件路径全称'; 一起暴露 导出:export default{key1:value,key2:value2,...} export default只能使用一次 导入:import 变量 from '文件路径' 优势:快 8.同步异步 同步:代码从上到下 for循环 异步:代码从上到下执行,遇到异步,异步让开,同步执行完毕,在执行异步 定时器的回调函数 事件处理函数 ajax的回调函数 嵌套控制异步顺序--回调地狱 可读性差,不好维护 9.Promise 作用:控制异步顺序,解决回调地狱问题 三种状态:进行中,已成功,已失败 调用resolve() 进行中--->成功 调用reject() 进行中--->失败 Promise控制异步顺序
|