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

相关内容

热门资讯

保存时出现了1个错误,导致这篇... 当保存文章时出现错误时,可以通过以下步骤解决问题:查看错误信息:查看错误提示信息可以帮助我们了解具体...
汇川伺服电机位置控制模式参数配... 1. 基本控制参数设置 1)设置位置控制模式   2)绝对值位置线性模...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
表格中数据未显示 当表格中的数据未显示时,可能是由于以下几个原因导致的:HTML代码问题:检查表格的HTML代码是否正...
本地主机上的图像未显示 问题描述:在本地主机上显示图像时,图像未能正常显示。解决方法:以下是一些可能的解决方法,具体取决于问...
表格列调整大小出现问题 问题描述:表格列调整大小出现问题,无法正常调整列宽。解决方法:检查表格的布局方式是否正确。确保表格使...
不一致的条件格式 要解决不一致的条件格式问题,可以按照以下步骤进行:确定条件格式的规则:首先,需要明确条件格式的规则是...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...