【重温JS】JavaScript 巩固基础day18-ES6这是我参与8月更文挑战的第18天，活动详情查看：8月更文挑战

这是我参与8月更文挑战的第18天，活动详情查看：8月更文挑战

☆☆☆ 今天学习的内容: 开始学习 ( ES6 ) !! ☆☆☆

可作为初学者的学习路线, 可参考一下, 学习进度也不是特别赶! 持续更新中

结合自己的理解, 用白话文简单又全面概括 JavaScript 学习过程中的基础知识点, 方便加深理解!

开始今天的学习吧! '打牢地基才能筑高楼'! 加油! 认真对待!!

1、梳理复习昨天知识点

cookie 作用 : 数据存储数据共享存在浏览器上
document.cookie = "键=值;" 存取 document.cookie split("; ")
document.cookie = "键=值;expires="+now
删除 cookie ：值设置为 "" 或生存期设置为 -1

ES6

1、let 关键字 let 块级作用域 (先定义后调用)

let 声明变量
let 不允许重复声明变量
let 必须在某个{ } 内部使用
let 在函数体的内部不能实现变量提升
暂时性死区：通过 let 方式声明的变量变量声明之前该变量不可用这种现象就称作暂时性死区

在函数体内部不能通过 let 方式声明和形参相同的变量

let 应用：获取下标（选项卡）

2、`this` 指向改变

this 含义 --> 当前对象：指事件的调用者或方法的调用者

改变匿名函数的 this 指向：

bind(this 指向的对象)
call() 和 apply() : 改变非匿名函数的 this 指向
函数名.apply( 函数体内部 this 指向对象 )

3、for...of

for...of 和 for ... in 区别：

前者遍历值 / 后者遍历键

4、const 关键字

定义常量的关键字

一般为了和变量区分常量定义用大写字母

常量一旦被定义，就不能重复更改常量值

const  PI = 3
PI = 3.14  报错

5、字符串模板

解析字符串中的变量使用 ${ 变量名 }

` ` 字符串模板

字符串模板中既可以识别变量又可以识别函数

6、箭头函数

定义： () => { 函数体 }

带有参数： (参数) => { 函数体 }

带有返回值： ()=>{ return 返回值 }

7、解构赋值：解析结构进行赋值

1、可以一次性定义多个变量
2、可以让一个函数返回多个值利用 []
3、解构赋值可以作用在函数的参数上参数传递顺序可以改变利用 { }
4、解构赋值可以实现两个数的交换

8、Array.from

Array.from : 将一个含有 length 属性的对象、(集合、类数组、伪数组) 转成真正的数组

Array.from(obj)

9、set 集合和 map 集合

Set 集合

定义：

var set = new Set() // 定义一个 set 集合

set 集合特点：自动去重不会进行自动类型转换

实现数组去重：

Array.from(new Set(arr))

史上最短的数组去重的方法：

;[...new Set(arr)]

set 集合的方法：

add() 向集合中添加一个数
delete（）删除集合中的某个数
has() 判断集合中是否含有某个值
clear() 清空集合
- 通过 size 属性获取集合元素个数

Map 集合 ---存储的数据以键值对形式存储的：

set(键值对) 向集合中添加一个键值对
delete（键）根据键删除集合中的某个数
has(键) 根据键判断集合中是否含有某个值
get(键) 根据键取值
clear() 清空集合

10、 Symbol 类型

var num = new Number()

定义一个 Symbol 类型的数据

var xn213 = Symbol('最爱你的人')

Symbol 类型可以作用在对象上，对对象的某个属性起到保护作用

预告: 加油, 追梦人

【预告】: 接下来学习 js 处理运动的函数, 也是必知必会的吧..

学习就是一个不断进行的过程, 坚持下去, 定有收获!

日积月累, 巩固基础, 早进大厂!

坚持很不容易, 坚持下来更不容易, 你真棒!

Calm Down & Carry On!

【重温JS】JavaScript 巩固基础day18-ES6

1、梳理复习昨天知识点

ES6

2、this 指向改变

3、for...of

4、const 关键字

5、字符串模板

6、 箭头函数

7、 解构赋值 ： 解析结构进行赋值

8、Array.from

9、set 集合 和 map 集合

史上最短的数组去重的方法 ：

set 集合的方法 ：

Map 集合 ---存储的数据以键值对形式存储的 ：