ECMAScript 6.0

1 前端演进

1.1 前端三要素

• html
  超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

• css

层叠样式表，也是一门标记语言。不可以自定义变量、不可以引用，主要缺陷有：

  1  语法不够强大，无法嵌套书写，导致很多重复的工作量
  2  没有变量和复用机制，维护工作量大

为了解决这类问题，前端开发人员会使用一种预处理器的工具（一种进行web页面样式设计，通过编译器转化为正常的组件），减少冗余代码，提高代码的可维护性和开发效率。

• js
  javascript 是一门弱类型脚本语言，其源代码在发往客户端运行之前不需要编译，而是将文本格式的字符代码发送给六卡其由浏览器解释执行。
  目前我们普遍使用的是ECMAScript 5.0

1.2 前端框架演进

jquery：入门学习的，大家熟知的js框架，优点是简化了DOM操作，缺点是DOM操作太频繁，影响性能，更多使用它是为了兼容ie6、7、8。
Angular:Google 收购的前端框架，由一群java程序员开发，其特点是将后台的MVC模式搬到了前端，并增加了模块化开发的理念，与微软合作，采用typescript语法开发；对程序员友好，对前端程序员不友好；最大的缺点是版本前后不兼容。
React：Facebook出品，一款高性能的JS前端框架，特点是使用虚拟DOM，减少真实的DOM操作，提高前端渲染效率，但是学习使用成本较高。
Vue：一门渐进式js框架，综合了模块化和虚拟dom 的优点。

2 ES6的特点

2.1 块级作用域 关键字let，常量const

2.2 对象字面量的属性赋值简写

2.3 赋值结构

2.4 函数参数

2.5 箭头函数

2.6 字符串模板

2.7 迭代器

2.8 生成器

2.9 Class

2.10 Modules

2.11 Proxies

2.12 Symbols

2.13 Promises

2.14 其它API

3 ES6 与 ES5 的区别##

3.1 默认参数

ES6中，可以直接在函数的入参后面加上默认参数值，简单粗暴。

3.2 模板对象

在拼接字符串时，使用``字符，配合${}实现字符串拼接与多行字符串的的方便性。

3.3 解构赋值###

3.4 箭头函数

类似于lambda表达式

3.5 Promises

异步模拟同步

3.6 let 与 const

使用块级作用域与不可变常量，已经接近于后端了。

3.7 Classes

使类的继承变得简单易用

3.8 模块

4 说明

我是后端出身，非专业前端，所以我不会耗费太多的精力去把前端的东西研究特别透。本文的很多特性，是我看过一些视频和简书后简单整理的。只是对es6的一个简单介绍。后续我会针对于vuejs 详细学习。