大一菜鸟的JavaScript学习之路（六）ES6上

本文已参与「新人创作礼」活动， 一起开启掘金创作之路。

人生无常，大肠包小肠。

---

声明变量、常量

1. let（变量）：

   1. 变量不能重复声明
   2. 作用块级作用域
   3. 不存在变量提升（防止用全局变量var会互相影响值，例如for循环）

2. const（常量）：一定要赋初值

   1. 一般常量使用大写

   2. 常量的值不能修改

   3. 块级作用域

   4. 对于数组和对象元素的修改，不算对常量的修改，不会报错

      • const TEAM = ['UZI', 'MLXG', 'MING', 'LETME'];//修改里面的元素不报错
        

变量解构赋值

• 可以把数组与对象里面的元素单独赋值给变量。

例如

const F4=['A','B','C'];
let [one,two,three]=F4;
console.log(one);//A

模板字符串

1. 反引号``

   1. 反引号内容可以直接换行
   2. lovest+""等于${lovest}【只有反引号能这样】

   3. //变量拼接
      let lovest='666';
      let out=`${lovest}is666`;
      console.log(out);
      

   4. 更方便

2. 双""

3. 单''

对象的简化写法

let name='lzy';
let work=function(){
    console.log('working!');
}
const school={
   name,
   work,
   improve(){
     console.log("improve myself");
   }
}

相当于{name=name，work=work，improve function（）{}}

箭头函数以及声明特点

//声明
let fn=(a,b)=>{
   return a+b;
}
let result=fn(1,2);
console.log(result);

• 箭头函数的this永远指向函数声明时this指向的值
• 禁止：不能作为构造实例化对象；不能使用arguments变量
• 简写：当形参只有一个的时候，省略小括号；当代码体只有一条语句时，省略花括号并且必须省略return

函数参数的默认值设定

• 可以形参设置默认值，如果有参数传进去就用参数，如果没有就用默认值。

解构赋值也可以这样

rest参数

ES6引入rest参数，用于获取函数的实参，用来代替arguments

• arguments使用方法--输出是对象

function date(){
  console.log(arguments);
}
date('a','b','c');

• rest使用方法--输出是数组

function fn(a,b,...args){
   console.log(a);
   console.log(b);
   console.log(args);
}
fn(1,2,3,4,5,6);

规范：逻辑符号前后空一格，数组的逗号后面空一格

const F4 = ['A', 'B', 'C'];

下面的也是