es6 数组合并_JavaScript学习笔记(十九)-- ES6
ES6新增的内容
- 之前的都是 ES5 的内容
- 接下来我们聊一下 ES6 的内容
let 和 const 关键字
- 我们以前都是使用 var 关键字来声明变量的
- 在 ES6 的时候,多了两个关键字 let 和 const,也是用来声明变量的
- 只不过和 var 有一些区别
1、let 和 const 不允许重复声明变量
// 使用 var 的时候重复声明变量是没问题的,只不过就是后面会把前面覆盖掉
// 使用 let 重复声明变量的时候就会报错了
2、let 和 const 声明的变量不会在预解析的时候解析(也就是没有变量提升)
// 因为预解析(变量提升)的原因,在前面是有这个变量的,只不过没有赋值
// 因为 let 不会进行预解析(变量提升),所以直接报错了
// 因为 const 不会进行预解析(变量提升),所以直接报错了
3、let 和 const 声明的变量会被所有代码块限制作用范围
// var 声明的变量只有函数能限制其作用域,其他的不能限制
// let 声明的变量,除了函数可以限制,所有的代码块都可以限制其作用域(if/while/for/...)
// const 声明的变量,除了函数可以限制,所有的代码块都可以限制其作用域(if/while/for/...)
- let 和 const 的区别
1、let 声明的变量的值可以改变,const 声明的变量的值不可以改变
let
const
2、let 声明的时候可以不赋值,const 声明的时候必须赋值
let
const
箭头函数
- 箭头函数是 ES6 里面一个简写函数的语法方式
- 重点: 箭头函数只能简写函数表达式,不能简写声明式函数
function
- 语法: (函数的行参) => { 函数体内要执行的代码 }
const
箭头函数的特殊性
- 箭头函数内部没有 this,箭头函数的 this 是上下文的 this
// 在箭头函数定义的位置往上数,这一行是可以打印出 this 的
- 按照我们之前的 this 指向来判断,两个都应该指向 obj
- 但是 fun 因为是箭头函数,所以 this 不指向 obj,而是指向 fun 的外层,就是 window
- 箭头函数内部没有 arguments 这个参数集合
const
- 函数的行参只有一个的时候可以不写 () 其余情况必须写
const
- 函数体只有一行代码的时候,可以不写 {} ,并且会自动 return
const
函数传递参数的时候的默认值
- 我们在定义函数的时候,有的时候需要一个默认值出现
- 就是当我不传递参数的时候,使用默认值,传递参数了就使用传递的参数
function
- 在 ES6 中我们可以直接把默认值写在函数的行参位置
function
- 这个默认值的方式箭头函数也可以使用
const
- 注意: 箭头函数如果你需要使用默认值的话,那么一个参数的时候也需要写 ()
解构赋值
- 解构赋值,就是快速的从对象或者数组中取出成员的一个语法方式
解构对象
- 快速的从对象中获取成员
// ES5 的方法向得到对象中的成员
// 解构赋值的方式从对象中获取成员
解构数组
- 快速的从数组中获取成员
// ES5 的方式从数组中获取成员
// 使用解构赋值的方式从数组中获取成员
注意
- {} 是专门解构对象使用的
- [] 是专门解构数组使用的
- 不能混用
模版字符串
- ES5 中我们表示字符串的时候使用 '' 或者 ""
- 在 ES6 中,我们还有一个东西可以表示字符串,就是 ``(反引号)
let
- 和单引号好友双引号的区别
1、反引号可以换行书写
// 这个单引号或者双引号不能换行,换行就会报错了
let
2、反引号可以直接在字符串里面拼接变量
// ES5 需要字符串拼接变量的时候
// 模版字符串拼接变量
在 `` 里面的 ${} 就是用来书写变量的位置
展开运算符
- ES6 里面号新添加了一个运算符 ... ,叫做展开运算符
- 作用是把数组展开
let
- 合并数组的时候可以使用
let
- 也可以合并对象使用
let
- 在函数传递参数的时候也可以使用
let
Map 和 Set
- 是 ES6 新增的两个数据类型
- 都是属于内置构造函数
- 使用 new 的方式来实例化使用
Set
- 使用方式就是和 new 连用
const
- 就是一个数据集合
- 我们可以在 new 的时候直接向内部添加数据
// 实例化的时候直接添加数据要以数组的形式添加
- 看上去是一个类似数组的数据结构,但是不是,就是 Set 数据结构
常用方法和属性
- size : 用来获取该数据结构中有多少数据的
const
看上去是一个和数组数据类型差不多的数据结构,而且我们也看到了 length 属性
但是不能使用,想要获取该数据类型中的成员数量,需要使用 size 属性
- add : 用来向该数据类型中追加数据
const
这个方法就是向该数据类型中追加数据使用的
- delete : 是删除该数据结构中的某一个数据
const
- clear : 清空数据结构中的所有数据
const
- has : 查询数据解构中有没有某一个数据
const
- forEach : 用来遍历 Set 数据结构的方法
const
- 方法介绍的差不多了,有一个问题出现了,那就是
- 我们的方法要么是添加,要么是删除,要么是查询,没有获取
- 因为要获取 Set 结构里面的数据需要借助一个 ... 展开运算符
- 把他里面的东西都放到一个数组里面去,然后再获取
const
- 又一个问题出现了,new 的时候需要以数组的形式传递
- 然后获取的时候又要转成数组的形式获取
- 那么我为什么不一开始就定义数组,要这个 Set 数据类型干什么
- 这就不得不提到一个 Set 的特点
- Set 不允许存储重复的数据
const
Map
- 也是要和 new 连用
- 是一个数据集合,是一个很类似于 对象 的数据集合
const
- 我们的对象中不管存储什么,key 一定是一个字符串类型
- 但是再 Map 里面,我们的 key 可以为任意数据类型
- 我们也管 Map 叫做 (值 = 值 的数据类型)
const
常用方法和属性
- size : 用来获取该数据类型中数据的个数
const
- delete : 用来删除该数据集合中的某一个数据
const
- set : 用来向该数据集合中添加数据使用
const
- get : 用来获取该数据集合中的某一个数据
const
- clear : 清除数据集合中的所有数据
const
- has : 用来判断数据集合中是否存在某一个数据
const
千锋HTML5学院:JavaScript学习笔记(二十)-- DOM动画效果zhuanlan.zhihu.com
es6 数组合并_JavaScript学习笔记(十九)-- ES6相关推荐
- Polyworks脚本开发学习笔记(十九)-将数据对象与参考对象对齐的方法
Polyworks脚本开发学习笔记(十九)-将数据对象与参考对象对齐的方法 把开发手册理了一遍,发现还有几个点没有记录下来,其中一个就是使用点对的粗对齐和使用参考目标的精确对齐.为了把这个学习笔记凑够 ...
- Mr.J-- jQuery学习笔记(十九)--自定义动画实现图标特效
之前有写过自定义动画Mr.J-- jQuery学习笔记(十八)--自定义动画 这次实现一个小demo 图标特效 页面渲染 <!DOCTYPE html> <html lang=&qu ...
- angular学习笔记(十九)-自定义指令修改dom
使用angular指令可以自己扩展html语法,还可以做很多自定义的事情.在后面会专门讲解这一块的知识,这一篇只是起到了解入门的作用. 与控制器,过滤器,服务,一样,可以通过模块实例的directiv ...
- python 学习笔记十九 django深入学习四 cookie,session
缓存 一个动态网站的基本权衡点就是,它是动态的. 每次用户请求一个页面,Web服务器将进行所有涵盖数据库查询到模版渲染到业务逻辑的请求,用来创建浏览者需要的页面.当程序访问量大时,耗时必然会更加明显, ...
- 【theano-windows】学习笔记十九——循环神经网络
前言 前面已经介绍了RBM和CNN了,就剩最后一个RNN了,抽了一天时间简单看了一下原理,但是没细推RNN的参数更新算法BPTT,全名是Backpropagation Through Time. [注 ...
- IOS学习笔记十九NSArray和NSMutableArray
1.NSArray NSArray不可变集合,不能添加新元素和删除已有元素和替换元素 2.demo Dog.h #import <Foundation/Foundation.h> #ifn ...
- javascript学习笔记(十九) 节点的操作
包括节点的创建.添加.移除.替换.复制 本节要用到的html例子 1 <ul id="myList"> 2 <li>项目一</li> 3 < ...
- ESP32学习笔记十九之BLE协议GAPGATT
GAP GAP全名是Generic Access Profile,通用访问配置文件,它定义了蓝牙设备的角色,中心和外设,并且控制他们的连接和广播数据.广播数据有两种方式:广播数据和扫描回复数据,数据包 ...
- 乐优商城学习笔记十九-商品详情(二)
2.页面静态化 2.1.简介 2.1.1.问题分析 现在,我们的页面是通过Thymeleaf模板引擎渲染后返回到客户端.在后台需要大量的数据查询,而后渲染得到HTML页面.会对数据库造成压力,并且请求 ...
最新文章
- 2020,智能货柜的现状与未来
- 饶毅:中国脑计划是我见过的最差科学经费管理,中国猴计划应该缓行
- as3绘制抛物线(二)
- rt-thread的定时器管理源码分析
- 如何正确排序整数数组
- Linux 使用 yum 查看安装的软件包
- MySQL笔记-MHA(Master High Availability)搭建
- 企业邮箱domino跟exchange
- 面向对象语言编程的心得
- WannaCry感染文件恢复方法,企业再也不用愁了!
- NetCore EF Code Frist
- Mac 入门教程:如何更改你的 Mac 设备名称
- kubernetes视频教程笔记 (15)-RC、RS和Deployment的关联
- Cookie中设置了 HttpOnly,Secure 属性,有效的防止XSS攻击,X-Frame-Options 响应头避免点击劫持...
- JavaFx 自制厘米尺标尺
- 手机浏览器扫一扫的花样玩法,识万物还能答疑翻译
- 博通网卡管理软件Linux,Broadcom博通网卡管理软件 V16.6.2.10官方安装版
- Android——新大陆云平台配置(2)
- Marc数据解析和拼接(java版)
- 马云创造阿里巴巴帝国秘诀
热门文章
- linux/shell相关知识点
- Python--进程、线程、协程对比
- 使用栈来完成一个表达式的结果
- Django项目部署到阿里云服务器上无法发送邮件STMP
- Secondary Namenode的Check point机制以及Namenode、Datanode工作机制说明
- c++ 一个函数包括多个返回值判断_Python函数的概念和使用
- java synchronized boolean_java中synchronized关键字
- ASP.NET Core的身份认证框架IdentityServer4--入门【转】
- js动态添加删除节点
- salesforce 零基础学习(五十四)常见异常友好消息提示