ES6新增常用语法

一.新的变量声明方式(let ,const)

1.let
使用let声明的变量可以重新赋值,但不能在同一作用域重新声明
ps:用var和let声明变量但未赋值时,变量的值都默认为undefined
但是使用声明未赋值的变量时,let会报错
在这里插入图片描述
这一段证明了,内部"{}"中let声明的b和外部let声明的b不是同一个变量

2.const
使用const声明的变量必须赋值初始化,同时也无法在同一作用域内重新声明和重新赋值 常用来声明一个不会改变的值
ps:如果值为基本数据类型,那么值就是它本身,不可改变。如果值是引用数据类型时,值就是它的引用(即地址),地址不变就可以,仍可以改变里面的值。
在大型项目的迁移时,能用const声明尽量用const声明,不能再用let声明

二.解析结构

1.解构数组
在这里插入图片描述
2.解构对象
在这里插入图片描述
ps:解构对象和解构数组的有序对应关系不同,它是根据对象名进行对应,是一个无序的对应关系

三.模板字符串

使用反单引号包裹字符串,其中使用${}来包裹一个变量或者一个表达式
在这里插入图片描述
ps:``中显示的内容排版和pre标签一样

四.函数默认参数

在这里插入图片描述
ps:如果不传入参数或者传入undefined 则使用默认值

五.展开运算符

es6中用…来表示展开运算符 它可以将数组或对象进行展开
1.展开字面量数组
在这里插入图片描述
2.剩余参数
使用剩余参数可以将多个元素绑定到一个数组里面
在这里插入图片描述
ps:展开运算符也可以用于函数的参数中来表示不定参,但是只能放在最后 否则会报错

六.箭头函数

写法:(参数1,参数2) => {}
1.如果参数只有一个可以省略 ()
2.如果{}中只有一个return语句 省略{} 和 return
ps:箭头函数没有自己的this 箭头函数会捕获其所在上下文的this值作为自己的this值,如果上下文没有this,则this指向window

七.对象字面量简写法

1.属性与值变量同名时
在这里插入图片描述
2.简写方法名称
在这里插入图片描述
3.对象字面量中可以使用中括号作为属性,那么属性也是一个变量了
在这里插入图片描述

八.class类

写法:
在这里插入图片描述
ps:类方法和实例方法,两种挂载的内存区不一样,静态属性需要写在class外面,直接挂载到此类身上

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值