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(鸡肋): 合并数组元素
    • 但是 因为逻辑较为复杂, 使用较少

相关内容

热门资讯

不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
安卓文字转语音tts没有声音 安卓文字转语音TTS没有声音的问题在应用中比较常见,通常是由于一些设置或者代码逻辑问题导致的。本文将...
APK正在安装,但应用程序列表... 这个问题可能是由于以下原因导致的:应用程序安装的APK文件可能存在问题。设备上已经存在同名的应用程序...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
报告实验.pdfbase.tt... 这个错误通常是由于找不到字体文件或者文件路径不正确导致的。以下是一些解决方法:确认字体文件是否存在:...