ECMAScript 6 常用语法

1. Let 使用

Let 是声明变量的关键字
  • 1.在相同作用域内,let 不能重复声明一个变量
  • 2.let 声明的变量不会被预解析
  • 3.暂时性死区(变量在let声明前都不能访问,为了防止先调用后声明这个现象)



    
    
    
    Document


    


Let与for 的使用

  • 1.块级作用域
    let声明的变量拥有块级作用域,块级作用域是一对大括号
    块级作用域可以直接写一对大括号,以后就不用写自执行函数了
  • 2.var 与 for 循环
  • 3.let 与 for 循环



    
    
    
    Document


    
  • red
  • black
  • blue
  • green
  • yellow

const用法

  • 声明一个常量一旦声明后就不能修改了
    1.如果声明后再去修改的话,就会报错
    2.只声明不赋值也会报错
    3.只能先声明后使用,不会被提前解析
    4.不能重复声明一个常量
    注意:const声明的对象中属性是可以修改的



    
    
    
    Document


  
    


解构赋值----数组

  • 解构赋值
    按照一定的格式,从数组或者对象中把数据拿出来,对变量进行赋值
  • 数组解构赋值
    等号左边与右边必须都是数组,数组的解构赋值要对应如果对应不上的话就是undefined



    
    
    
    Document


  
    


对象解构赋值

  • 等号左边与右边必须都是对象,名字要一一对应,
    顺序不需要对应,对应不上的值结果是undefined



    
    
    
    Document


  
    


字符串模板

  • 字符串需要用一对反引号包裹起来,它可以定义多行字符串,只用一对反引号
  • 要拼进去的数据需要放在${}里面
  • 大括号里面还可以进行运算,
  • 大括号里面可以调用函数



    
    
    
    Document


    
  

箭头函数

语法:

  • function 用 var let const 表示
  • 参数要写在第1个等号后面
  • 如果没有参数,需要写一对空的小括号
  • 只有一个参数那就直接写,不用加括号
  • 参数有多个需要加一个小括号,参数用逗号隔开
  • 函数的主体内容是放在箭头后面,如果语句只有一条,那就直接写,
  • 如果语句有多条,需要把它们放在一对大括号里面
 


    
    
    
    Document


   
    


rest 参数

  • rest参数是一个数组,它的后面不能再有参数,不然会报错
  • 扩展方法 …
  • 三个点,后面是一个类数组,它的作用是把这个类数组转成真正的数组,但是它需要放到一对中括号里面
  • 三个点后面是一个真正的数组,它的作用是把数组转成一个普通集合数据,不需要加中括号



    
    
    
    Document


   
    


Symbol 介绍

  • 新增的第7种数据,类型表示独一无二,用来做属性名,能保证不会与其他的属性名冲突
  • 它是通过Symbol函数生成的
  • 他的前面不能用new,因为它生成的是一个原始类型的数据,不是对象
  • 他可以接受一个参数,为了便于区别,即使长的一样他们也不相同
  • 他不能与其他的值进行运算,没有隐式转换
  • 它的值可以被转化成布尔值或者字符串,不能转化成数字



    
    
    
    Document


   
    


Set 数据结构

  • Set 数据结构,类似数组,所有的数据都是唯一的,没有重复的值,它本身是一个构造函数
  • size 数据的长度
  • add() 添加一个数据,
  • delete() 删除一个数据,
  • has() 查找某条数据,返回一个布尔值
  • clear() 删除所有数据



    
    
    
    Document


   
    


Map数据结构

  • Map数据结构类似于对象,键值对的集合,所有的数据都是唯一的,不会重复每条数据都需要放在一个数组中,它本身就是一个构造函数
  • size 数据的长度
  • set() 添加一个数据,
  • delete() 删除一个数据,
  • get() 获取一条数据
  • has() 查找某条数据,返回一个布尔值
  • clear() 删除所有数据



    
    
    
    Document


   
    


PS:我要自学网;笔记

PS:如果有帮助,记得带点赞哦!

附上大佬的文档 ECMAScript 6

你可能感兴趣的:(前端)