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

  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

 

 

猜你喜欢

转载自blog.csdn.net/a_xia_o/article/details/132034345