第十五章 ECMAScript6新增的常用语法

文章目录

  • 一、声明关键字
  • 二、箭头函数
  • 三、解构赋值
  • 四、展开运算符
  • 五、对字符的补充
  • 六、Symbol
  • 七、对象的简写语法
  • 八、Set和Map
  • 九、for-of

一、声明关键字

  1. ES6新增的声明关键字:
    • letconst:声明变量
    • class:声明类
    • importexport:模块化开发
  2. letconst的特点
    1. 不存在提升
    2. 不允许重复声明
    3. 全局不会绑定到window
    4. 块级作用域
    5. 暂时性死区
    6. const声明的变量不允许修改地址
  3. 使用规范:const -> let -> var

二、箭头函数

  1. 箭头函数的特点等同于无名函数
    1. 赋值式创建函数的值
    2. 作为参数,回调函数
    3. 作为返回值,闭包函数
    4. 作为事件处理函数,不推荐
    5. 作为匿名函数的函数体使用
  2. 语法:
    • 完整语法:()=>{}
    • 极简语法:=>
      • 当有且只有一个参数时,可以省略小括号
      • 当有且直接返回了数据时,可以省略花括号和return,花括号和return必须同时省略
  3. 特点:
    1. 可读性差
    2. 语法极简
    3. 没有自身的this,自动使用外层this
    4. 不能被new执行

三、解构赋值

  1. 解开结构赋值,一般用于处理对象或数组
  2. 对象的解构
    • 规则:按照键和值的关系,一一对应,进行解构
    • 不存在的键,为undefined
    • 可以在声明变量时直接使用=号设置默认值
      • let {name,age=18,sex} = obj;
  3. 数组的解构
    • 规则:按照索引从左向右,一一对应,进行解构
    • 不存在的索引,为undefined
    • 可以在声明变量时直接使用=号设置默认值
      • let [q, w, e=0] = arr
  4. 字符的解构
    • 字符是一种类数组的结构,等同于数组的结构规则
      • let [a, s, d] = str;

四、展开运算符

  1. 一般用于快速展开复杂的数据,获取其内部的值
  2. 语法:...要展开的数据
  3. 展开对象:只能在能接收键值对的位置展开对象
    • 花括号内
const obj1 = {name:"Admin"};
// 花括号内
const obj2 = {...obj1};
  1. 展开数组:只能在能接收多个数据的位置展开数组
const arr = [3, 4, 5];
// 中括号内
const arr2 = [...arr];
// 参数
const max = Math.max(...arr);
// 伪数组转真数组
const arr3 = [...aLi];

五、对字符的补充

  1. 字符串模板:```
    • 支持反引号内回车换行
    • 反引号内的变量使用${}进行标记
const msg = "小王";
const str = `今天${msg}真好`;
const str2 = `${msg}今
天
送
我
一
件
礼
物`;
  1. 方法
    • str.repeat()
    • str.startsWith()
    • str.endsWith()
    • str.includes()
    • str.codePointAt()
    • String.fromCodePoint()

六、Symbol

  1. 类似于字符,基本数据类型,任何两个Symbol都不相等,用于表示标记值或状态
  2. 用于消除使用字符或数值或布尔等常规数据作为状态时的隐患
  3. 语法:const s = Symbol()

七、对象的简写语法

let name = "张三";
// 当对象的键和存储了值的变量名重名时,可以简写成一个单词
const obj = {name
}
console.log(obj);	// {name:"张三"}const obj = {// 方法可以省略冒号和functionshow(){console.log(this)}
}
obj.show(); // { show:f }

八、Set和Map

  1. 数据的打包形式
    • 数组对象:有序的可重复的值集合
    • 对象:无序的无重复的键值对集合
    • Set对象:无序的无重复的值集合
    • Map对象::无序的无重复的值值对集合
  2. Set:
    • 创建:const s = new Set()
    • 属性:s.size
    • 方法:
      • 添加数据:s.add( val )
      • 删除数据:s.delete( val )
      • 查询是否存在数据:s.has( val )
      • 清空数据:s.clear()
      • 获取所有键名:s.keys()
      • 获取所有值:s.values()
      • 获取所有键值:s.entries()
      • 遍历所有数据:s.forEach( callback )
  3. Map:
    • 创建:const m = new Map()
    • 属性:m.size
    • 方法:
      • 添加数据:m.set( key, val )
      • 查询数据:m.get( key )
      • 删除数据:m.delete( key )
      • 查询是否存在数据:m.has( key )
      • 清空数据:m.clear()
      • 获取所有键名:m.keys()
      • 获取所有值:m.values()
      • 获取所有键值:m.entries()
      • 遍历所有数据:m.forEach( callback )

九、for-of

  1. ES6新增的遍历语句:主要用于遍历set和map
  2. for-of遍历的是值
    • 能否遍历数组
    • 能否遍历对象
    • 能否遍历字符
  3. for-in遍历的是键
    • 能否遍历set
    • 能否遍历map
  • for-of 可以遍历:Set 和 Map 结构、数组、某些类似数组的对象(比如arguments对象、DOM NodeList 对象),以及字符串。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/609216.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《网络是怎样连接的》2.5节图表(自用)

图5.1:ip包结构 图5.2:ip网络包的传输方式 1.以太网的部分也可以替换成其他的东西,例如无线局域网、ADSL、FTTH等,它们都可以替代以太网的角色帮助IP协议来传输网络包 2.根据ARP协议,客户端可以根据ip地址得到下一个路…

最新最简操作系统期末复习(考前速过)

操作系统复习 第一章(操作系统引论)计算机操作系统包括:操作系统的目标:操作系统的作用:未配置操作系统的计算机系统:单道批处理系统:缺点: 多道批处理系统:优点&#xf…

国际版WPS Office18.6.0

​【应用名称】:WPS Office 【适用平台】:Android 【软件标签】:WPS 【应用版本】:18.5.4 → 18.6.0 【应用大小】:160MB 【软件说明】:WPS Office是使用人数最多的移动办公软件。它具有独有手机阅读…

TypeScript基础

ts学习 目录概述需求: 设计思路实现思路分析1.TypeScript 基础类型2.TypeScript 变量声明3.TypeScript 接口4.TypeScript 类5.TypeScript 函数5.TypeScript 泛型5.TypeScript 枚举TypeScript 类型推论TypeScript 类型兼容性TypeScript 高级类型TypeScript 迭代器和生…

读史笔记(二)

读史笔记(二) 考古是探求过去人类遗留的物质资料为手段,以研究人类发展进程及其规律为目的,为人们了解人类起源及相关的社会制度,宗教祭祀,生活习俗等提供了一种途径。而在我国,传统的金石学即源…

RoadMap8:C++中类的封装、继承、多态与构造函数

摘要:在本章中涉及C最核心的内容,本文以C中两种基础的衍生数据结构:结构体和类作为引子,从C的封装、继承与多态三大特性全面讲述如何在类这种数据结构进行体现。在封装中,我们讲解了类和结构体的相似性;在继…

自带恒压恒流环路的降压型单片车充专用芯片

一、基本概述 XL2009是一款高效降压型DC-DC转换器,固定180KHz开关频率,可以提供最高2.5A输出电流能力,具有低纹波,出色的线性调整率与负载调整率特点。XL2009内置固定频率振荡器与频率补偿电路,简化了电路设计。 PWM …

Java后端和前端传递的请求参数的三种类型

在 HTTP 请求中,常见的请求参数类型有三种:application/x-www-form-urlencoded、multipart/form-data 和 application/json(通常用于 raw 类型)。这三种类型主要指的是请求体中的数据格式,其中包括参数的传递方式和编码…

Docker(八)Python+旧版本chrome+selenium+oss2+fastapi镜像制作

目录 一、背景二、能力三、核心流程图四、制作镜像1.资源清单2.Dockerfile3.制作镜像 五、启动测试 一、背景 近几年我们线下的创业团队已从零到一开发过好几个小程序项目,都是和体育相关。其中生成海报分享图片好像都是不可或缺的功能。之前的项目老板给的时间都比…

从零学算法17

17.给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下(与电话按键相同)。注意 1 不对应任何字母。 示例 1: 输入:digits “23” 输出:[…

【Spring】容器

注意点: p命名和c命名空间不能直接使用,需要导入xml约束! xmlns:p"http://www.springframework.org/schema/p" xmlns:c"http://www.springframework.org/schema/c"使用注解实现自动装配 jdk1.5 支持的注解,…

Java进击框架:Spring-Web(八)

Java进击框架:Spring-Web(八) 前言DispatcherServlet拦截器异常视图解析重定向转发 语言环境日志 过滤器带注释的控制器声明映射请求其它注解验证 功能性端点URI Links异步请求CORSHTTP缓存视图技术MVC配置其他Web框架 前言 Spring Web MVC是…

519基于单片机的自动切割流程控制系统

基于单片机的自动切割流程控制系统[proteus仿真] 自动切割流程控制系统这个题目算是课程设计和毕业设计中常见的题目了,本期是一个基于单片机的自动切割流程控制系统 需要的源文件和程序的小伙伴可以关注公众号【阿目分享嵌入式】,赞赏任意文章 2&…

【蓝桥备赛】技能升级——二分查找

题目链接 技能升级 个人思路 需要给n个技能添加技能点,无论技能点加成如何衰减,每次始终都是选择当前技能加点加成最高的那一项技能,所以最后一次的加点一定也是加在当时技能攻击加成最高的那个。此时,我们去寻找最后一次的加点…

无人驾驶卡尔曼滤波

无人驾驶卡尔曼滤波(行人检测) x k a x k − 1 w k x_k ax_{k-1} w_k xk​axk−1​wk​ w k w_k wk​:过程噪声 状态估计 估计飞行器状态(高度) x k z k − v k x_k z_k - v_k xk​zk​−vk​ 卡尔曼滤波通…

JavaScript中表格文件导出功能详解

一、背景 在现代web开发中,提供数据导出功能已成为许多应用程序的必备功能。用户可能希望将数据保存为文件以便于离线查看或分享。在众多的数据展示形式中,表格因其直观性而广受欢迎。本文将专注于如何使用JavaScript将HTML表格导出为文件。 二、实现原…

了解什么是UV纹理?

在线工具推荐: 3D数字孪生场景编辑器 - GLTF/GLB材质纹理编辑器 - 3D模型在线转换 - Three.js AI自动纹理开发包 - YOLO 虚幻合成数据生成器 - 三维模型预览图生成器 - 3D模型语义搜索引擎 什么是UV? UV 是与几何图形的顶点信息相对应的二维纹理坐…

vue element plus Layout 布局

通过基础的 24 分栏,迅速简便地创建布局。 TIP 组件默认使用 Flex 布局,不需要手动设置 type"flex"。 请注意父容器避免使用 inline 相关样式,会导致组件宽度不能撑满。 基础布局# 使用列创建基础网格布局。 通过 row 和 col …

CentOS找回root密码

很悲伤,你忘记了root密码。。。 那就来重置它吧~ 1、在启动时选择操作系统:在引导过程中,选择CentOS操作系统并按下键盘上的任意键来停止引导。 2、 进入编辑模式:在启动菜单中,找到并选择要编辑的CentOS条目&…

63、图片预处理:Resize and Crop

在进行图像处理之前,很多时候需要对图片先进行预处理,而最常见的预处理方法是 Resize and Crop。 在 resnet50 的实战中,在进行一张图片的推理实验之前,我们也会对输入的图像进行 Resize and Crop 操作。 这一节就介绍下这两个预处理操作。 实际上,Resize and Crop 是两…