var
var大致有如下几种怪异行为:
1、变量声明提升:变量使用在变量声明之前,undefined的那个,想起来了吧。
2、函数作用域:var声明的变量,在包含它的函数、模块、命名空间、全局作用域内部任何位置可以被访问到,不受包含它的代码块的任何影响。
3、闭包:函数中返回函数,内层函数始终可以访问外层函数中定义的变量。比如:for循环中执行定时器输出的变量是一样的,使用立即执行函数解决,自认为在每次循环时定时器的第一个参数形成了一个闭包,即为变量创建了一个新的变量环境。
4、同名变量可被重复定义。
let
let定义变量特点:
1、块作用域之外不可访问,块作用域有函数、for循环、if语句、catch语句等。
2、不能在被声明之前读或写,使用“暂时性死区”实现。
3、函数体中可以获取函数体外块级作用域中的变量,只是这个函数的调用不能在变量的声明之前。
4、同一个块级作用域中不能重复定义同名变量,只要有一个使用let定义的同名变量就不可以。
5、在嵌套作用域中可以引入同名变量名,内层变量会屏蔽掉外层变量,保证函数依然正确运行。
6、解决循环体中调用定时器时,不能正确获取循环状态的问题,替换var声明变量时利用立即执行函数解决问题的方式。
const
1、声明的时候必须赋值,被赋值后不能再改变。
2、如果变量是数组、对象,数组中的元素、对象的属性是可以修改的,对变量本身赋值是不允许的。
解构
解构数组
1、使用方括号[]为数组元素添加命名变量的方式进行解构。
2、数组解构中可以使用扩展运算符(…)进行解构。
解构对象
1、属性重命名:{name1:newName1,name2:newName2} = o
2、为有可能是undefined的值赋值默认值。
函数声明
用不好,暂时不用,后期遇到顺手的实例再补充。
扩展运算符
1、扩展运算符可以将对象或者数组进行浅拷贝。
2、扩展运算符是从左至右进行处理。对象中同名属性会出现后边属性覆盖前边属性。
参考地址
https://www.tslang.cn/docs/handbook/variable-declarations.html