微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ES6总结

                                    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] 举报,一经查实,本站将立刻删除。

相关推荐