我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

巨朝阳-20221128-JS高级-DAY05

[复制链接]
云云学员认证 发表于 2022-11-29 00:15:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日学习
# 1. 解构赋值:

## 1.1 解构数组:

```javascript
const arr=[1,2,3];

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

## 1.2 解构对象

```javascript
const user={
    key1:value1,
    key2:value2
}

let {key1,key2}=user;
```

## 1.3 结构函数参数

本质还是解构数组和解构对象

```javas
参数是数组
function fn([a,b,c]){}
fn(['a','b','c']);

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

# 2. 模板字符串

解决字符串拼接问题

```javascript
`字符串${变量名,表达式}字符串`   表达式:能够算出唯一结果的一句代码
```

# 3. 对象的简写

```javascript
对象的简写:
1.key和value相同,可以省略,
2.对象中的方法,可以省略   : function
```

# 4. ES6的类

```javascript
语法:
class 类名{
    // 构造函数
    constructor(形参){
        // this.挂载
    }
   
    // 原型方法
    方法名(){        }
   
    // 静态方法
    static 方法名(){        }
}

// 继承
class 子类 extends 父类{
    constructor(所有的参数){
        super(继承父类的参数)
    }
}
```

# 5.ES6模块导入和导出

```javascript
方式一:单个暴露
暴露-导出:
export var userName='xxx';
export function show

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

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

导入:
import 变量 from '文件路径'
```

```javascript
ES6模块化的优势

```

# 6. 同步和异步

1. 同步:代码从上到下执行,后面的代码,必须等前面代码执行完毕,才能执行
2. 异步:代码从上到下执行,遇到异步代码,异步代码会让开,等待所有同步代码执行完毕,才来执行异步代码


## 1.1 js中的异步的情况

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

# 7. Promise

1. 作用:控制异步顺序,解决回调地狱
回复

使用道具 举报

关注0

粉丝0

帖子39

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026