菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 赵强-20221128-JS高级day05 [打印本页]

作者: BlueFlame 时间: 2022-11-28 23:35
标题: 赵强-20221128-JS高级day05
今日所学内容：
# JS高级day-05

babel是解决一些向下兼容的问题

## 1.解构赋值：

1.解构数组
const arr = [1,2,3];
从数组中把每一个值取出来，放在3个变量中保存
let[变量1，变量2，变量3] = arr;
使用let一次性声明了3个变量，按照顺序，把数组中的值取出来，赋值给对应的变量

2.解构对象

const user = {
key1:value,
key2:value2
}
let {key1,key2}

3.解构函数参数
本质还是解构数组和解构对象
参数是数组
function fn([a,b,c]){
fn(['a','b','c']);
}

参数是对象
function fn({name,age}){
fn({name:'小白',age:2})
}

## 2.模板字符串

解决字符串拼接问题
`字符串${变量名，表达式}字符串` 表达式：能够算出唯一结果的一句代码

## 3.对象的简写

对象的简写：
1.key和value相同，可以省略只写一个
2.对象中的方法，可以省略:function

## 4.ES6的类

语法：
class 类名{
constructor(形参){
//this.挂载
}
//原型方法
方法名(){ }
//静态方法
static 方法名(){ }
}
//继承
class 子类 extends 父类 {
constructor(所有的参数){
super(继承父类的参数)
}
}

## 5.ES6模块导入和导出

方式一：单个暴露
暴露-导出：
export var userName = "xxx";
export function show

导入--引入
import{userName,show} from '文件路径全称';

方式二：一起暴露
导出：
export default {key1:value1,key2:value2,...}

导出：
import 变量 from '文件路径';

ES6模块化的优势
快

## 6.同步和异步

1.同步：代码从上到下执行，后面的代码，必须等前面的代码执行完毕，才能执行
2.异步：代码从上到下执行，遇到异步代码，异步代码会让开，等待所有同步代码执行完毕，才来执行异步代码
https://console-docs.apipost.cn/ ... 87/7071f058c9a6769a

### 1.1js中的异步的情况

1.定时器的那个回调函数
2.事件处理函数
3.ajax的那个回调函数

## 7.Promise

1.作用：控制异步顺序，解决回调地狱

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)