美文网首页
ES6简单介绍

ES6简单介绍

作者: birdshome | 来源:发表于2017-01-06 01:58 被阅读0次

    ES6简单介绍

    let关键字

    • 特点
      • let重复声明和var重复声明的区别
      • let是块级作用域,不会提升成全局变量
      • 块级作用域,首选遵循就近原则,如果当前有,就使用,
      • 否则就到更大的作用域中查找
    • 使用方式
      • 不允许重复声明
      • let是块级作用域,不会提升成全局变量
      • 块级作用域,首选遵循就近原则,如果当前有
      • 就使用,否则就到更大的作用域中查找 ,块级指的就是{}
      • 如果不在可见的{}内,那么就是在整个模块内

    const关键字

    • 注意:
      • 也是块级作用域
      • 先完成初始化(声明并赋值)才能使用
      • 只能被赋值一次
      • 可以对属性修改,不能直接修改指向(=)
    • 应用场景
      • 画球声明PI
      • 1024 在我们认为的1024是1M 转换单位,更久不变
      • 硬盘厂商就是1000的常量
    • 值和引用的问题
      • 只有= 才叫赋值。。对象=值,将这个值赋给这个对象,此时指向已经改变
      • 对象.属性 = 值,对象原来指向不变,对象中的属性发生改变。const 可以这样

    拼接(模板)字符串及相关函数

    • 使用方式:
      • 通过反引号(tab上面的键)包裹的字符串
      • 可以接受换行
      • 可以嵌入变量
      • String.raw``

    ES6:新增函数

    • 字符串4:
      字符串对象A.includes(字符串对象B) 判断是否包含 返回boolean
      字符串对象A.startsWith(字符串对象B) 判断是否以b开头 返回Bool
      字符串对象A.endsWith(字符串对象B) 判断是否以b结尾 返回Bool
      字符串对象A.repeat(x次数) 重复输出a字符串x次
    • Math
      Math.trunc(1.1) //截取整数位
    • 数组Array
      Array.from({'1':'abc','0':'des',length:2}) 通过对象创建数组
      Array.of(1,2,3,4);
    • 数组查找元素
      数组.find(function(num,index,arr){
      return num == 1;
      })
    • 数组查找下标
      数组.findIndex(function(num,index,arr){
      return num == 1;
      })
    
    ### 箭头函数
    * 使用方式
      - 没有参数
        + let func = ()=> 1;
      - 多个参数
        + let func = (n1,n2)=>n1+n2;
      - 多行代码
        + let func = (n1,n2)=>{ code...}
    * 箭头函数中的this只绑定声明时的对象,而不是调用时的对象,this不再多变
    * 箭头函数没有arguments
    * 箭头函数不能做构造函数  
    * 应用场景:匿名函数作为参数来传递

    相关文章

      网友评论

          本文标题:ES6简单介绍

          本文链接:https://www.haomeiwen.com/subject/frjtbttx.html