Web前端105天-day44-JSCORE
创始人
2024-04-23 22:41:11
0次

JSCORE04

目录

前言

一、复习

二、forEach

三、reduce

四、展开语法

五、解构语法

六、形参默认值

七、剩余参数

总结


前言

JSCORE04学习开始


一、复习

  • JS的第6个版本, 带来了大量的新特性, 新语法
  • let/const : 两个新的声明变量的方式
    • 新的作用域
      • 脚本: 对应全局, 用于存放 自定义 的 全局属性
      • 块级: 对应局部作用域, 比匿名函数自调用语法更简单的 创建 局部作用域
    • 更加安全
      • const: 声明时必须赋值, 后续无法修改
    • 声明提升
      • 依然存在提升, 但是 提升后处于暂存死区状态, 不允许使用; 直到代码执行到 声明所在行才能解锁
  • 模板字符串
    • 支持换行, 可以书写更加易读的 HTML 代码
    • 支持在字符串中书写JS代码. 让字符串拼接操作更方便
  • 箭头函数
    • 格式更简单:()=>{}
    • 语法糖
      • 形参只有一个, () 可以省略
      • 函数体只有一行, {return } 省略
    • this: 没有this; 按照 作用域链 原则, 向上级作用域找
  • 数组高阶函数
    • 实际开发时, 数据通常从服务器的数据库获取 -- 查询出来的都是数组类型
    • every : 每一个元素都符合条件 -- 类似 逻辑与 &&
    • some : 至少一个元素符合条件 -- 类似 逻辑或 ||
    • filter : 满足条件的元素过滤出来
    • map : 映射; 把数组中的元素 按照一定的规范, 修改成其他的样子, 得到新的数组

二、forEach


forEach 10:11

  • 练习

练习 10:26


练习 10:48


三、reduce

 


reduce 11:18


四、展开语法


展开语法


五、解构语法


解构语法 14:01

  • 对象的解构

对象的解构 14:15

  • 复杂解构

练习

  • 形参解构

形参解构 14:41


六、形参默认值


形参默认值 15:11

七、剩余参数


剩余参数 15:15


总结

  • forEach: 单纯的遍历数组
    • 如果是伪数组, 需要检查其原型中 是否有forEach 可以用
    • 通用: for..of 只要有 length 属性, 就能遍历
  • reduce(鸡肋): 合并数组元素
    • 但是 因为逻辑较为复杂, 使用较少

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...