es6有助于提升的四个知识点,牢牢掌握

40 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第4天,点击查看活动详情

let 声明的变量具有块级作用域, 不存在变量提升 暂时性死区特性

const 具有块级作用域, 声明常量必须赋初始值(值不能修改)

 

解构赋值

数组解构 允许我们按照一一对应的关系从数组中提取值,然后将值赋值给变量(没有对应值为 undefined

let arr = [1,2,3];

let [a,b,c] = arr;

 

对象解构 允许我们使用变量的名字匹配对象的属性 匹配成功将对象属性的值赋值给变量

let person = {name: 'lisi',age:30};

let {name, age} = person

let {name: mName,age: myAge} = person;

 

箭头函数 用来简化函数定义语法

const fn = () => {}

箭头函数不绑定 this 关键字,箭头函数中 this,指向的是函数定义位置的上下文 this

剩余参数 ...args

Array 扩展运算符 可以将数组或对象转为用逗号分隔的参数序列

应用于合并数组

let arr3 = [...arr1, ...arr2];

arr1.push(...arr2);

将类数组或可遍历对象转换为真正的数组

构造函数方法 Array.from(arr); 将伪数组转为真正的数组

.find() 用于找出第一个符合条件的数组成员,如果没有找到返回 undefined

.findIndex() 用于找出第一个符合条件的数组成员的值,如果没有找到返回-1

实例方法 includes,表示某个数组是否包含给定的值,返回布尔值

 

模板字符串

let name = 这是一个模板字符串;

解析变量 ${name}

调用函数

startsWidth() 表示参数字符串是否在原字符串的头部,返回 boolean 值

endsWidth() 表示参数字符串是否在元字符串的尾部,返回 boolean 值

repeat(n)表示将字符串重复 n 次,返回新字符串

 

Set 数据结构

const s = new Set(["a", "b"]); s.size