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 方法(重点)

相关推荐
暴躁小师兄数据学院1 分钟前
【AI大数据工程师特训笔记】第08讲:集合运算与超级函数
大数据·笔记·sql·ai·postgresql
searchforAI19 分钟前
我的Obsidian知识库,现在可以自动剪藏笔记到本地了
人工智能·笔记·学习·音视频·ai工具·obsidian·视频总结
优雅格子衫23 分钟前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
AI砖家40 分钟前
前端 JavaScript 异步处理全方案详解:从回调到 Observable
开发语言·前端·javascript
lcj25111 小时前
vector的基本使用 + 手搓成员变量 size capacity begin end operator[] reserve扩容 拷贝构造 赋值析构
开发语言·c++·笔记·面试
柒和远方1 小时前
每日一学V010: 从 Python 回到前端:一个 AI Native 开发者的 JavaScript 底层基础补全
javascript
之歆1 小时前
Day21_电商详情页核心技术实战:从LESS预处理到复杂交互实现
开发语言·前端·javascript·css·交互·less
天行健王春城老师1 小时前
制造业生产管控实操指南 PMC体系落地与优化技巧解析
笔记·制造
海鸥两三1 小时前
基于 Vue 3 + 高德地图的网格规划系统实战(有源码)
前端·javascript·vue.js
逸A1 小时前
某里v2反混淆 codec 化路上踩到的两个隐蔽坑:被清零的 salt 与 opaque loop bound
javascript·人工智能·目标跟踪