web前端-ES6初探

let声明变量
  • ES6中新增的变量,只在块级作用域中有效(一个大括号中);
  • 防止循环中的变量变成全局变量;
  • 不存在变量提升,暂时性死区(一个大括号内,对let变量先使用后定义,报错undefined)如:var num=10;if(1){ console.log(num) let num; }
const声明常量
  • 值不可更改(值对应内存地址),具有块级作用域,声明时必须赋值,否则报错;
var
  • 存在变量提升,作用域是整个函数
解构
  • 从数组中提取值,变量对应的位置进行重新赋值。如let【a,b,c,d】=[1,2,5]
  • 解构不成功的部分为undefined,如d
  • 允许使用对象属性和变量名匹配,把值赋给变量,如let person ={name:“bob“} let {name}=person
  • 如:**let{name:myname } = person **,把person中的bob赋值给myname
箭头函数 ()=>{}
  • 使用方法:通常把箭头函数赋值给变量,然后调用,如 const fn = ()=>{ console.log(1)}; fn();
  • 函数中只有一行代码,大括号可省略,return可省略如: const sum=(n1,n2)=>n1+n2; sum(3,5);
  • 只有一个形参,小括号可省略const sum = n1=>n1
  • 箭头函数不绑定this关键字,其中的this指向函数定义上下文的this

剩余参数

  • const sum= (…args)=>{} …表示接受所有参数。

image.png

扩展运算符
  • 用于数组合并 let array3=【…ary1,…ary2】
  • 用于数组push ary1.push(…ary2)
  • 将伪数组或对象转换为数组

Array扩展方法

from,转换为数组

image.png

find 找到某元素
  • var id = arraylike.find(item=>item.id==2)
findIndex,找到下标,否则-1
  • let findex = alike.findIndex((item,index)=>item==100)
includes(),是否包含某值,
  • 返回true和false 【1,2,3】.includes(4)

String,模板字符串

  • 模板字符串:反引号定义字符串,可以通过${变量名}来引用
  • 可以使用${函数名}调用, 模板字符串可以包含换行可以
扩展方法startsWith 和endsWith
  • 返回是否以某字符(或某几个)开头或结尾,true/false。 str1.startsWith(‘hello’)
repeat
  • str.repeat(3)str重复3遍
Set数据结构
  • 值唯一,没有重复值(自动去重) const s1= new Set([1,1,1,3,3,5,7]);
  • Set实例方法:s1.add(3), delete(), has(), clear()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值