JavaScript知识点——ES6

Es6

let 声明变量关键字
const 声明变量关键字

注意点：
1、 let 和const 声明变量必须先声明在使用（不能进行预解析）
2、 let 和const 不能声明同一样的变量名
3、 let 和const 在{}括号内声明变量只能在这个{}里面使用

let 和const的区别

1、 let 定义的变量（可更改），可以先定义 后赋值
2、 const 定义的是常量（不可更改），只能定义的时候赋值 ，不能后面在赋值
3、 const不能定义没有值得

箭头函数

对函数表达式的一个简写
箭头函数的组成：（X形参）=》{函数体}
把原来函数表达式的function省略
调用函数 fn{}

箭头函数的使用规则：

1、 箭头函数中 的圆括号 用来放表达式的
2、 当箭头函数中的形参只有一个的时候，那么可以省略圆括号
3、 当箭头函数 只有一句代码时候 可以忽略大括号，

箭头函数的注意点：

1、 箭头函数中 this 指向问题，跟谁调用函数没有关系，跟这个函数定义有关系
2、 箭头函数中没有arguments

普通函数中this指向问题：

1、 直接调用函数名（） this 指向window
2、 Ele.事件=函数；这个函数中this 指向ele这个dom对象
3、 当对象中有函数的时候，那么这个函数中this指向这个对象
不确定实参的个数，没办法定义形参的个数，通过形参去拿到实参的数据，有可能拿不到所有实参
Arguments 所有函数的实参的集合

代码片段的设置（vscode中的）

1、 设置图标——》用户代码片段——》新建全局代码片段——》给名字（随便给）
2、 进入代码片段设置文件——Example 下面的代码的注释去掉
3、 设置
Scope：设置次代码片段能在什么语言中使用
Prefix：设置关键字（你输入什么字符能把代码片段调用）
Body：代码片段的结构（每一行用逗号结束，必须用双引号，$作为变量）
Description：代码片段的描述

函数参数的默认值

函数的形参：相当于函数内边定义变量
函数的实参：给函数的形参赋值

函数参数的默认值

有时候不确定函数是否 有实参，没有实参的时候，形参会得到undefined
很多时候如故函数没有实参的时候，那么也不想要的到undefined，而是那个函数的默认值

模板字符串

反引号（）：也是定义字符串的一种方式（键盘tab上面的那个键，英文状态下的）
反引号 和引号 的区别：
1、 引号必须在同一行才有效果
2、 反引号可以换号
如果想要在模板字符串中添加 变量 使用${变量}

`
    <ul>
        <li>${
     i}</li>
        <li>${
     i}</li>
        <li>${
     i}</li>
        <li>${
     i}</li>
    </ul>
    `

解构赋值

是将一个数据结构分解成为更小的部分的过程，ES6中，从数组和对象中提取值，对变量名进行赋值

 <script