JavaScript笔记进阶篇01——作用域、箭头函数、解构赋值

黑马程序员视频地址:

黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=152

目录

作用域

局部作用域

函数作用域

块作用域

全局作用域

作用域链

JS垃圾回收机制

什么是垃圾回收机制?

内存的生命周期

拓展------算法说明

引用计数法

标记清除法

闭包

基本格式

闭包的应用

变量提升

函数进阶

函数提升

函数参数

[动态参数 argument](#动态参数 argument)

剩余参数

展开运算符

应用

与剩余参数区分

箭头函数

基本写法

写法一:基本写法

写法二:只有一个参数时,小括号可以省略

[写法三:如果函数体只有一行代码,可以写到一行上,并且无需写 return 直接返回值](#写法三:如果函数体只有一行代码,可以写到一行上,并且无需写 return 直接返回值)

写法四:加括号的函数体返回对象字面量表达式

箭头函数参数

箭头函数this

解构赋值

数组解构

基本语法

分号的添加

变量多,值少

防止有undefined,设置默认值

变量少,值多

利用剩余参数解决

按需导入,忽略某些返回值

支持多维数组的结构

对象解构

基本语法

给新的变量名赋值

数组对象解构

多级对象解构

[遍历数组 forEach 方法(重点)](#遍历数组 forEach 方法(重点))

[筛选数组 filter 方法(重点)](#筛选数组 filter 方法(重点))


作用域

局部作用域

函数作用域


块作用域


全局作用域


作用域链


JS垃圾回收机制

什么是垃圾回收机制?


内存的生命周期


拓展------算法说明


引用计数法

标记清除法


闭包


基本格式


闭包的应用

每个变量内部的值是独立计算的,即fun_a和fun_b内部的 i 值各自单独计算


变量提升


函数进阶

函数提升


函数参数


动态参数 argument


剩余参数


展开运算符


应用

与剩余参数区分

箭头函数


基本写法

写法一:基本写法

写法二:只有一个参数时,小括号可以省略

写法三:如果函数体只有一行代码,可以写到一行上,并且无需写 return 直接返回值

写法四:加括号的函数体返回对象字面量表达式

因为对象与箭头函数都是大括号,因此要在对象的大括号外面加个小括号


箭头函数参数


箭头函数this


解构赋值


数组解构

基本语法


分号的添加


变量多,值少


防止有undefined,设置默认值

变量少,值多


利用剩余参数解决

按需导入,忽略某些返回值


支持多维数组的结构


对象解构

基本语法


给新的变量名赋值


数组对象解构


多级对象解构


遍历数组 forEach 方法(重点)


筛选数组 filter 方法(重点)

相关推荐
codingandsleeping14 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
白水清风15 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
用户221520442780015 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端15 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧15 小时前
Promise 的使用
前端·javascript
前端康师傅16 小时前
JavaScript 作用域
前端·javascript
云枫晖16 小时前
JS核心知识-事件循环
前端·javascript
eason_fan17 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript
前端付豪19 小时前
1、震惊!99% 前端都没搞懂的 JavaScript 类型细节
前端·javascript·面试
朝与暮19 小时前
js符号(Symbol)
前端·javascript