ES6系列之let、const、箭头函数使用的坑

本文介绍了ES6新特性如let和const、箭头函数的this指向、rest参数、arguments的替代以及解构赋值。同时,通过Babel转码器讨论了如何在旧版浏览器中实现ES6代码的兼容性,包括箭头函数的限制和map方法的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 变量提升
  2. 块级作用域的重要性
  3. 箭头函数this的指向
  4. rest参数和arguments

1.ECMAScript与Js的关系

 2.Babel转码器

Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在老版本的浏览器执行。这意味着,你可以用ES6的方式编写程序,又不用担心现有环境是否支持。

 上面的原始代码用了箭头函数,Babel将其转为普通函数,就能在不支持箭头函数的JavaScript环境执行了。

3.let和const命令

let定义

ES6新增了let命令,用来声明变量,它的用法类似于var

2.1  var存在变量提升

let、const不存在

 2.2同一个作用域内不能重复定义同一个名称

 

 

4.箭头函数

 

 

 

 

 

 箭头函数的坑:

箭头函数不能当做构造函数,不可以使用new命令

构造函数是生成对象的模板

 

箭头函数中没有arguments对象,该对象在函数体内不存在,替代rest 

 

 5.解构

什么是解构

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构

解构是ES6的新特性,比ES5代码简介,清晰,减少代码量

ES5中的为变量赋值,只能直接指定值。

 

 

6、set 

 

 

7.map

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

再学习一点

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值