一。JavaScript中let、const、var 的区别
1.是否存在变量提升?
var声明的变量存在变量提升。即变量可以在声明之前调用,值为undefined。
let和const不存在变量提升。即它们所声明的变量一定要在声明后使用,否则报ReferenceError错。
2.是否存在暂时性死区?
let和const存在暂时性死区。即只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。
在代码块内,使用let命令声明变量之前,该变量都是不可用的。
暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
3.是否允许重复声明变量?
var允许重复声明变量。
let和const在同一作用域不允许重复声明变量
4.是否存在块级作用域?
var不存在块级作用域。
let和const存在块级作用域。
什么是块级作用域:
ES5中作用域有:全局作用域、函数作用域
es6中新增了块级作用域。块作用域由{ }包括,if语句和for语句里面的{ }也属于块作用域。
5. 是否能修改声明的变量?
var和let可以。
const声明一个只读的常量。一旦声明,常量的值就不能改变。const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
二。es6解构赋值
1.定义
解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。
2.应用场景
默认值 , 交换变量 , 忽略不感兴趣的返回值 , 将剩余数组赋值给一个变量 , 给新的变量名赋值 , for of 结构
三,箭头函数与普通函数的区别
1.箭头函数是匿名函数,不能作为构造函数,不能使用new
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式:一种只包含一个表达式,连{}和return都省略掉。还有一种可以包含多条语句,这时候就不能省略{}和return。不能作为构造函数不能使用new。
2.箭头函数内没有arguments,可以用展开运算符…解决
3.箭头函数的this,始终指向父级上下文(箭头函数的this取决于定义位置父级的上下文,跟使用位置没关系,普通函数this指向调用的那个对象)
4、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数,但是可以正常传参)
5.箭头函数没有原型属性