Es6总结
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。
一、 var 、let和const的区别
(1).var声明的变量由于是全局作用域和全局所以可以在全局环境中调用,而let和const声明的变量由于是局
部作用域所以不能在全局环境中调用。
(2).var声明的变量会变量提升,而let的变量不会提升,且let不能重复声明
(3). const 值类型不能够被修改 ,而且声明的时候必须赋值,一般推荐大写
二、 数组结构和对象结构及展开
(1). 结构的定义为把把数组或对象解析为单独变量.
(2). 数组结构的基本格式为 var【a,b,,c="default,...rest】=arr;
(3). 数组结构中的逗号代表跳过一位 ...rest代表剩余的所有(只能放在最后),可以有默认值,可以进行交换
变量[a,b]=[b,a];
(4).对象结构的格式为var {name,age,say="love you",...rest}=obj 对象结构没有顺序
(5). 展开...arr
三、 字符串
(1).字符串的模板;写法为`${js变量}`支持换行和加特殊符号
(2). 检测 includes(sub)是否包含
(3). startsWith(sub)以开头 endsWith(sub)以结尾
(4).trim()去掉两端空白 trimLeft()去掉左边空白 trimRight()去掉右边空白
(5).重复repeate(n)字符串重复n次 填充“22”.padStart(4,“0”)“0022”.padEnd(次数,填充字符串)
四、数组的高阶方法
(1). foreach()遍历arr.forEach(function(item,index,self){})
item当前遍历的元素 index当前元素的下标 self当前数组
(2).map映射 arr.map(function(item,index,selt){//放回一个,映射数组})
(3).过滤 返回真,当前遍历元素保留 返回假,当前遍历元素过滤掉
(4).累计arr.reduce(function(a,b){a是上一次返回的结构 })
(5). some有一个 every每一个全部返回结果为true最终结果为true
(6). find()查找元素 findindex()查找下标
(7).sort((a,b)=>a-b)排序
五、箭头函数
(1). 箭头函数省略function
(2).=>左边参数
(3).箭头右边 函数体、返回值
(4).传参0个或2个以上参数都要加上括号
(5).如果函数体有多行,需要加上{}如果需要放回值return
(6).如果返回的是一个对象则用()包裹对象({})
(7).箭头函数中的this指向的是上一层作用域的this
六、函数和对象
(1).默认函数functionfn(a=10,b=20){} 函数的扩展参fn(...arr) 函数的不定参function(...args)
(2).对象分为对象简写和对象默认
1.对象简写为 变量和值的简写 函数简写
2.对象动态属性 {[nick+“msg”]:“你好呀”}
七、类
(1).面向对象基本特点:封装;继承;多态;接口
(2).类的extends继承 constructor构造函数 super 超类 static静态
(3).定义类
class Person{
constructor(name,age){
this.name=name;
this.age=age;
}
say(){
alert("你好")
}
}
(4).类的实例化 val p1=new Person()
(5).类的this值 Person类中的this指向、当前类的实例(PI)
(6).类的继承
class Teach extends Person{
constructor(name,age,major){
@R_502_4406@;
this.major=major;
}
}
八、模块
(1).导入:import{name,fun,Square}form './api.js'
import Square from './api.js'
import Sq from './api.js';
别名as *代表所有
import*api from './api.js'
api.name;api.fun()
别名
import Square,{name,fun as fn}from'./api.js’
(2).导出:export{name,fun,Square}可以多次导入 emport default Square 只能一次
九、set
(1).定义:没有吃饭元素的集合(数组)
(2).初始化: var s1=new Set() var s2=new Set{[1,2,5]}
(3). 添加: s1.add()
(4).删除:s1.delete()
(5).清空:s1.clear()
(6).检测: s1.has()
(7).长度 s1.size
(8).转数组 Array.from{s1} [...s1]
(9).数组去重 arr1=[...new Set(arr)]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。


