ES6基础学习笔记

1.let 和 const

let 和 var 的差异

• let 允许声明一个在作用域限制在块级中的变量、语句或者表达式块级作用域 {}
• var 声明的变量只能是全局或者整个函数块的
• let 不能重复声明
• let 不会被预解析
• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let

const 常量

• 常量不能重新赋值
• 不能重复声明
• 块级作用域
• const 不会被预解析
• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/const

2.let、const和var平常怎么区分使用？

• 由于ie低版本不兼容es6新语法，所以在使用时要优先考虑兼容性问题。如果在不考虑兼容性问题时，使用let或者const肯定是要优于var。

• 其次，由于const声明常量的特殊性，在声明时一定要注意，如果是需要改变的值，不要用const声明常量，因为当const声明的常量-的值发生变化时，会出现报错并无法更改值的问题。

• 所以在不考虑兼容性等问题的情况下，大多时候声明变量都是优先选择let进行声明。

3.解构赋值

• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

        {
            //对象结构赋值
            let obj = {
                tcs : 1,
                b : 3,
                c : 5,
                d : 6
            }
            let {tcs,b,d} = obj 
        }
        {
            //数组结构赋值
            let arr = [1,2,3,4,5]
            let[a1,b1] = arr
            let arr1 = [...arr]//arr赋值给arr1
        }

        {
            //快速交换a，b的值
            let a = 2,b = 3;
            [a,b]  = [b,a]
        }
        {
            //字符串解构
            let str = 'a21dedf'
            let [a,b,c] = str
        }

4.箭头函数

• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

5.展开运算符

6.Set 对象

• Set 对象的数据结构
• Set 相关属性与方法
• size 属性
• clear()、delete()、get()、has()、add()
• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set

7.Map 对象

• Map 对象的数据结构
• Map 相关属性与方法
• size 属性
• clear()、delete()、get()、has()、set()
• 手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map

8.arr.forEach(callback(),_this)实现原理

forEach不能中途退出，this的默认指向是window

    forEach(cb,_this){
        for(let i = 0;i < arr.length; i++){
            cb.call(_this,arr[i],i){
                ······//处理操作
            }
        }
    }