ES6基础入门教程（一）从面向百度到面向自己

从面向百度到面向自己

大部分时候，我们干一件时间总是不求甚解，以至于后来我们只是从使用一个工具变成使用另一个工具，甚至我们连工具存在的意思是什么都不愿意去了解。我们的懒惰让我们不愿意去理解一件事背后的精神，然后，我们告诉自己要去寻找捷径，寻求一劳永逸的方式，最后让我们深受其害。

不知道你有没有发现：同样是三年开发经验，有可能两个人的技术就完全不一样。一个人已经成为了行业内顶尖的人物，他只考虑，我能实现多大的价值。另一个人，他的技术跟三年前就什么区别，他做项目却只考虑：我怎么实现。

当我们还在为了生计而奔波的时候，有些人已经开始追求人生的价值，他们的所作所为都起源于他们一开始就有一个正确的方向，就好像前端开发一样，所有一切关键都在Js上。六年前我还只是一个美工，那个时候我只会用PS切图，然后用html做一个静态页面，阴错阳差，我进入了前端开发的领域。但是，因为我没有一个好的导师，我全凭兴趣自学，导致我走入了一个误区——我以为会的多就行了。

最后的结果就是，我会用很多框架，例如Vue，React，Angular等等。但是对于核心知识却一问三不知，导致我进入项目的时候连一个简单的问题都需要不停的百度。

所以今天，我放下一切，杂念，执着，然后开始从最核心的东西开始浴火重生。

目标

其实在es5中有很多我们只是看过一眼或者压根就不知道是干什么用的函数。
我举个例子：Math.cos()。如果你只是想对这个行业浅尝辄止的话，你可能一辈子也用不到它。
可到了canvas领域你就会发现，你没有三角函数你简直寸步难行。

本文适用于从es5升级到es6的前端开发用户，适用于对于vue，react开发模式完全分离不了解的用户，适用于所有像我一样深受不分离开发带来的困扰的用户。

作用

我认为，es6主要在于解决es5中存在的变量提升，this指针在function obj中的指向错误等问题。提出了更合理的数据解构方式，以及解决异步回调地狱的promise，充满活力的构造器函数，更像面向对象编程语言的class语法，以及模块构造的关键module等。

深入阅读后面22章的内容会让你茅塞顿开。es6更像是一门编程语言而不是脚本语言，当你决定好进入这个领域的时候，你已经没有回头路了，那我们就走到底吧！