es6基本内容

本文深入探讨JavaScript中的let、const与var的区别,包括变量提升、暂时性死区、块级作用域以及重复声明。同时,解析ES6解构赋值的定义、应用场景及其便利性。最后,对比分析箭头函数与普通函数在this、arguments、函数体及调用方式上的差异,揭示箭头函数的特性与使用场景。
摘要由CSDN通过智能技术生成

一。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.箭头函数没有原型属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值