ES6和ES5的区别

胖妮儿

于 2018-01-20 13:53:32 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js知识点文章标签： ES6 ES5

本文链接：https://blog.youkuaiyun.com/pony_pony/article/details/79113810

js知识点专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了ES6相较于ES5的主要改进，包括新的变量声明方式如let和const、解构赋值、箭头函数、新增的对象和数组方法、模板字符串、类及继承等特性，并附带相关示例。

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

###ES6和ES5的区别?

1、定义变量
> ES5中用：var / function
> ES6中用：let / const / class / import ...

- 没有变量提升
- 同一个作用域中不可重复声明
- 不会给window增加全局属性
- 会形成块级作用域
- const设置的变量值是不可修改的（理解为常量）
- 暂时性死区
- ...

2、解构赋值
> 构建一个和变量值相同结构的解构，快速获取对象或者数组中的某一部分内容

3、箭头函数
> 重点复习和总结THIS问题

4、对象和数组中新增加一些属性和方法（正则和字符串中也新增很多）
> 最近到MDN中查找方法的作用
dir(Array);//=>Array.xxx()
dir(Array.prototype);//=>给实例用的 [].xxx()

dir(Object);//=>Object.xxx()
dir(Object.prototype);//=>({}).xxx()

5、模板字符串
`xxx${JS CODE}...`

6、class / extends
类和类的继承