es6学习|青训营笔记

49 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第2天

  • 创建变量的关键词 let const var

    • let的引入使变量拥有了定义域的能力
    • const应该就只有一个功能就是让变量在声明之后不能再变化,后边尝试改变由const声明的变量会报错的,
    • var是新手噩梦,是js语法体系的特色
  • 数组迅速转化成参数

    • 箭头函数

    • 箭头函数是es6加进来的,它相对于原本的函数写法更加的简洁明了。它的特点就是没有自己的this和arugments,适用于需要匿名的时候。箭头函数总是指向词法作用域,也就是外层调用者obj,因此利用箭头函数就可以轻松解决这个问题

    • 语法(参数)=> {  内容 }

    • 注意事项,其实就是单个的时候的简写问题,也就是当参数只有一个的时候,可以省略括号,当花括号内语句只有一个的时候可以省略花括号。是这样子做会很难阅读,如下let create= elem=> return elem

    • 禁用的地方或者缺点

      • 使用this的时候,当我们使用匿名函数的时候,this指向的就是window,会导致出错(不过我也很少用this)
      • 构造函数不能使用
  • 反引号``,模板字符

    • 十分实用的语法,一般来说用于模板编译

image.png

  • rest可变参数

    • rest可变参数的语法是在定义函数的参数的时候,对于最后一个的参数,如果你想要接受多余的参数,可以使用可变参数,即…变量名
    • 这里的特点是使用可变参数的时候会把多传进来的所有参数都放到一个数组,该数组的名字正是你缩写的变量名
    • 所以我们如果想使用一般都会进行遍历来调用
  • 扩展运算符

    • 扩展运算符其实跟rest可变参数效果一样,不过是反过来,把数组给变成一个用逗号隔开的参数列表

    • 使用路途

      • 用在方法的参数转化
      • 用在打印上