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

server/2025/1/22 14:16:08/

黑马程序员视频地址:

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

目录

作用域

局部作用域

函数作用域

块作用域

全局作用域

作用域链

JS垃圾回收机制

什么是垃圾回收机制?

内存的生命周期

拓展——算法说明

引用计数法

标记清除法

闭包

基本格式

闭包的应用

变量提升

函数进阶

函数提升

函数参数

动态参数 argument

剩余参数

展开运算符

应用 

与剩余参数区分 

箭头函数

基本写法

写法一:基本写法 

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

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

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

箭头函数参数

箭头函数this

解构赋值

数组解构

基本语法

分号的添加 

变量多,值少

防止有undefined,设置默认值

变量少,值多

利用剩余参数解决

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

支持多维数组的结构

对象解构

基本语法

给新的变量名赋值

数组对象解构

多级对象解构

遍历数组 forEach 方法(重点)

筛选数组 filter 方法(重点)


作用域

局部作用域

函数作用域


块作用域


全局作用域


作用域链


JS垃圾回收机制

什么是垃圾回收机制?


内存的生命周期


拓展——算法说明


引用计数法


标记清除法


闭包


基本格式


闭包的应用

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

 


变量提升


函数进阶

函数提升


函数参数


动态参数 argument


剩余参数


展开运算符


应用 


与剩余参数区分 

 


箭头函数


基本写法

写法一:基本写法 


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


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


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

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


箭头函数参数


箭头函数this

 

 


解构赋值

 


数组解构

基本语法


分号的添加 

 


变量多,值少


防止有undefined,设置默认值

 


变量少,值多


利用剩余参数解决


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


支持多维数组的结构


对象解构

基本语法


给新的变量名赋值


数组对象解构


多级对象解构

 


遍历数组 forEach 方法(重点)

 


筛选数组 filter 方法(重点)


http://www.ppmy.cn/server/160478.html

相关文章

SQL 递归 ---- WITH RECURSIVE 的用法

SQL 递归 ---- WITH RECURSIVE 的用法 开发中遇到了一个需求,传递一个父类id,获取父类的信息,同时获取其所有子类的信息。 首先想到的是通过程序中去递归查,但这种方法着实孬了一点,于是想,sql能不能递归查…

分布式 ID 生成策略:应用场景与 ShardingSphere 实现

在分布式系统中,分布式 ID(Distributed ID)是一种用于唯一标识各类数据记录的技术,通常用于数据库主键、日志、消息队列等场景。由于分布式系统的特点,各个服务实例通常会在不同的物理节点上进行独立运行,这…

【K8S系列】K8s 领域深度剖析:年度技术、工具与实战总结

引言 Kubernetes作为容器编排领域的行业标准,在过去一年里持续进化,深刻推动着云原生应用开发与部署模式的革新。本文我将深入总结在使用K8s特定技术领域的进展,分享在过去一年中相关技术工具及平台的使用体会,并展示基于K8s的技术…

14,c++——继承

目录 一、继承的定义和访问 1,继承的定义 2,类和继承方式 3,访问限定关系 二、基类和派生类对象赋值转换 三、继承的作用域 四、派生类的默认成员函数 五、继承和友元 六、继承和静态成员 七、菱形继承和菱形虚拟继承 1&#xff0…

How to check Windows version? two ways

By cmd steps : win -> input cmd -> winver. By Run steps : win r -> winver

springboot基于微信小程序的健康管理系统

Spring Boot 基于微信小程序的健康管理系统 在现代快节奏生活中,人们愈发关注自身健康,Spring Boot 基于微信小程序的健康管理系统应运而生,它将便捷的移动端体验与强大的后端技术相结合,为用户打造了个性化、全方位的健康管理助手…

三天急速通关Java基础知识:Day1 基本语法

三天急速通关JAVA基础知识:Day1 基本语法 0 文章说明1 关键字 Keywords2 注释 Comments2.1 单行注释2.2 多行注释2.3 文档注释 3 数据类型 Data Types3.1 基本数据类型3.2 引用数据类型 4 变量与常量 Variables and Constant5 运算符 Operators6 字符串 String7 输入…

Qt——界面优化

一.QSS 1.背景 在网页前端开发领域中, CSS 是⼀个至关重要的部分。 描述了⼀个网页的 "样式"。 从而起到对网页美化的作用。 所谓样式,包括不限于大小,位置,颜色,背景,间距,字体等等…