js要怎么学

一、开发环境和JavaScript版本问题

开发环境越简单越好，一定不要在这个环节浪费时间。

首先说编辑器的选择，sublime text、vs code、atom、webstorm，还有HBuilder。新手入门的时候总想找一个最好的编辑器，其实这编辑器就和游戏里面选英雄一样，没有最厉害的，只有最适合你的，如果还是拿不定注意，就选vs code吧，我感觉这个对新手挺友好的。

浏览器就用chrome，然后就可以开始撸代码了。

关于JavaScript版本，我建议还是从ES5开始学，有一定基础之后再来看ES2015+的新特性。

二、基本语法

学编程语言和学自然语言有很多相似的地方，我们得从最基本的单词和语法开始学。

这些基本语法一定要非常熟悉，要不然后续的学习会举步维艰。

三、对象

对象是一个非常重要的概念，一定要灵活掌握：

每个对象都有很多方法，这些方法知道在哪里查就行了，千万不要去背，就像我们学英语，必要的单词要背，但是大部分单词知道用词典查就行了。

学习【基础语法】和【对象】的过程比较枯燥，知识点之间衔接不是特别紧密，就像我们小学一年级学习汉字一样，每一个字我们都知道是什么，但是却不会把他们组合到一起，所以小学才会练习组词，造句，再到写作文。我们把做的项目比作写作文，那我们还有一段路要走，切莫心急。

四、DOM

DOM提供的方法也很多，仍然不要过多的投入精力，新手自学总是会被这些大量的方法困扰，我们要做的是对DOM有一个概括性的了解，至于那些杂乱的接口，后续我们完全可以用jQuery或框架代替。

（如果对DOM感兴趣，可以在技能掌握得稍微全面一些之后，再回来深入学习也是可以的，但是前期投入大量时间，确实会影响学习效率）

五、jQuery

jQuery是必须要会的，但是jQuery上手确实很简单，用两天时间了解一下jQuery的用法，然后就可以利用jQuery实现各种页面效果了，前期肯定会磕磕绊绊，但是jQuery的资料有很多，一边学一边做就行。

六、JavaScript进阶

jQuery熟练了之后，就可以开始着手学习JavaScript进阶一点的内容了：

原始类型与引用类型的区别
各种类型转换和类型检测
闭包：函数套函数，怎么套自己都不蒙就行了。
原型：构造函数、原型属性、基于原型的继承是怎么实现的。
this：可以开个坑好好研究研究

七、了解node

node现在可以说是前端必学的了，但是不是学用node做后台，而是用node生态下的各种工具，顺便借node了解一下后台。

最好能用express写一个简单的后台程序（一个server.js就够了），处理一些请求，这样我们学习ajax的时候就可以自己写后台接口了，当然这需要有http协议的基础知识。

八、ES2015+新特性

像promise，async/await函数等等这些，看自己能力了，有兴趣看看，不看也不影响后面学习，但是，就算现在不学，这个后续也是要补的。

九、AJAX

简单的说，了解一下http协议，知道什么是请求，什么是响应，get和post有什么却别，然后在学ajax，看看语法基本就会了。

知道这些就差不多了，后续不管是工作还是学习，肯定还会遇到很多问题，到时候再具体问题具体分析。

十、框架

react、angular、vue三选一，零基础的初学者强烈推荐vue，如果是后台转前端推荐angular，如果技术型前端，推荐react。

这篇文章是给零基础新手的，那自然就选vue比较好了。

最后

通过这十步，就可以对JavaScript体系有一个整体的了解，然后重点向那个方向发展，就看自己爱好或是工作需要了。技术的道路很漫长，这只是一个起点。