为什么JavaScript这么难学啊？
看红宝书看到symbol慢慢就懵了看后面还有原型链啥的 真的能学懂吗这个东西 而且感觉现在脑袋里记住了 实际做也不知道这些怎么用 很多前端小白都会觉得Js很难，因为概念抽象，内容还包含很多编程思想，辛辛苦苦啃完基础，变量函数对象的定义，在实际使用中用的又是Js衍生库，所以就让人摸不着头脑。所以不建议大家直接看书。清晰的JavaScript学习路线：
[*]基础部分要夯实，比如：定义变量、函数、数组、字符串等的处理，内置函数、内置对象等；
[*]面向过程的编程思想，封装出各个函数，试着用这些做一些常见的功能，比如：选项卡、自定义多选按钮、自定义播放器、3D幻灯片。
[*]Js面向对象编程思想：试着去封装一些你自己的对象，提供出有意义的接口出来。
[*]如果你有兴趣，也建议学学jQuery，以及jQuery的常见插件：bootstrap，Layer，富文本编辑器等；
[*]综合应用下面的多种库写实际项目的模板，多写几套。
JavaScript基础内容（已完结）
[*]认识JavaScript / 注释以及输入输出语句 / 变量的使用、语法扩展、命名规范
数据类型简介以及简单的数据类型 / 获取变量数据类型/运算符&算数运算符 / 递增和递减运算符
比较运算符和逻辑运算符 / 赋值运算符以及运算符优先级 / 流程控制-实际案例学习if语句
三元表达式&分支流程控制 switch 语句 / JavaScript的for循环学不明白怎么办？
以案例学习JavaScript双重for循环 / JavaScript中while以及do while循环
JavaScript遍历数组，附5个案例 / 函数的概念和使用/JavaScript函数的参数
JavaScript的返回值 / 函数案例练习
JavaScript最全拔高（更新中）
JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇
其他资源
基础
[*]《JavaScript权威指南 （第6版）》：俗称「犀牛书」，JS 的经典之作，提升JS技能的必备书籍，我的JS基础知识全都是啃这本书啃下来的，刚开始读时可能有会有些吃力，但是只要坚持下来收获满满。
[*]《JavaScript高级程序设计（第3版）》：俗称「红宝书」，JavaScript 超级畅销书，全书阐述了JavaScript语言实现的各个组成部分，ECMAScript，DOM，BOM，事件，面向对象等等，随时拿出来翻翻，更加深入了学习 JS。
基础进阶：
[*]深入理解javascript原型和闭包（0）——目录
[*]深入理解javascript原型和闭包（1）——一切都是对象
[*]深入理解javascript原型和闭包（2）——函数和对象的关系
[*]深入理解javascript原型和闭包（3）——prototype原型
[*]深入理解javascript原型和闭包（4）——隐式原型
[*]深入理解javascript原型和闭包（5）——instanceof
[*]深入理解javascript原型和闭包（6）——继承
[*]深入理解javascript原型和闭包（7）——原型的灵活性
[*]深入理解javascript原型和闭包（8）——简述【执行上下文】上
[*]深入理解javascript原型和闭包（9）——简述【执行上下文】下
[*]深入理解javascript原型和闭包（10）——this
[*]深入理解javascript原型和闭包（11）——执行上下文栈
[*]深入理解javascript原型和闭包（12）——简介【作用域】
[*]深入理解javascript原型和闭包（13）-【作用域】和【上下文环境】
[*]深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】
[*]深入理解javascript原型和闭包（15）——闭包
[*]深入理解javascript原型和闭包（16）——完结
后补：
[*]深入理解javascript原型和闭包（17）——补this
[*]深入理解javascript原型和闭包（18）——补充：上下文环境和作用域的关系
进阶：
[*]JavaScript语言精粹：揭示JavaScript中的精华。
[*]JavaScript 秘密花园：对 JS 一些的核心知识点进行梳理讲解，例如：this，闭包/作用域，构造函数，原型等等，都是面试必考知识点。
[*]ECMAScript 6 入门：阮一峰老师ES6入门书籍，全面介绍 ECMAScript 6 新引入的语法特性。
[*]JavaScript使用技巧：可以认识到一些你平时没有接触过的小技巧。
[*]深入理解javascript原型和闭包系列：详细解释了原型和闭包，看完之后对原型与闭包让你彻底明白。
[*]大漠老师的JavaScript系列：大漠老师的JavaScript系列文章。
[*]JavaScript 算法与数据结构：基于 JavaScript 的算法与数据结构，让你愉快的学习。
[*]JavaScript中的正则表达式：我自己的一篇正则表达式的文章，希望对你有帮助。
[*]30分钟掌握ES6/ES2015核心内容（上）
[*]30分钟掌握ES6/ES2015核心内容（下）：阐述了一些常用的ES6的知识点。
[*]学用 JavaScript 设计模式：阐述JavaScript编程语言中经典和现代的设计模式。
[*]你不懂JS（系列丛书）
[*]InterviewMap：聚集了很多知识点，包括JS，浏览器，性能等。
[*]30 秒就能理解的 JavaScript 代码片段：让你更好的理解一些有用的JS代码片段。
<hr/>跟我一起学前端吧：
HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序
黑马程序员前端：2022年前端学习路线图 只要有一条清晰的学习路线，开始学就可以了。
首先我们要知道学习目标：
[*]掌握JavaScript基础语法，培养编程逻辑思维
[*]掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果
[*]能够使用axios实现Ajax操作，为后续项目课做好技术铺垫
[*]能够运用Git管理前端项目，并且使用Git分支进行多人协同开发
[*]能够使用Proimise与async/await高效的实现一步操作
学习路线：
JavaScript基础
学习JavaScript基础语法规则变量 | 基本数据类型 | 数据类型的转换 | 运算符 | if分支 | switch分支 | 三元表达式 | while循环 | for循环 | 数组 | 函数 | 对象 | 内置对象 | let | const | 字面量
WebAPI
学习DOM和BOM对象的属性和方法，以完成网页常见的交互效果DOM树 | DOM对象 | 获取元素 | innerHTML | style | className | classList | 间歇函数 | 延迟函数 | 事件监听 | 鼠标事件 | 键盘事件 | 高阶函数 | 环境对象 | 节点操作 | 事件流 | 事件委托 | 元素位置 | BOM | window对象 | swiper插件 | 本地存储 | 自定义属性 | 正则表达式
JavaScript高级
深入理解ECMAScript的知识体系以及工作机制，熟悉ES6+新的语法特性，注重抽象思维的培养，具备面向对象编程的能力。构造函数 | 单体对象 | 面向对象 | 原型 | 解构 | 剩余 | 展开 | 箭头函数 | Object | Array | 严格模式 | 闭包 | 继承 | 防抖 | 节 流 | 异常处理 | 深浅拷贝
注意学习方法
前期看视频入门即可，后面可以看一些书籍，比如《JavaScript DOM编程艺术》
[*]《JavaScript权威指南 （第6版）》：俗称「犀牛书」，JS 的经典之作，提升JS技能的必备书籍，我的JS基础知识全都是啃这本书啃下来的，刚开始读时可能有会有些吃力，但是只要坚持下来收获满满。
[*]《JavaScript高级程序设计（第3版）》：俗称「红宝书」，JavaScript 超级畅销书，全书阐述了JavaScript语言实现的各个组成部分，ECMAScript，DOM，BOM，事件，面向对象等等，随时拿出来翻翻，更加深入了学习 JS。
哪怕很小的练习题，也要自己动手，比如做一个选项卡。经常动手实践，学会思考还有没有更其他方法，如何优化。
自己将知识点整理成册，最好是用思维导图将知识点梳理出来。
JavaScript全套学习笔记
JavaScript基础内容（已完结）
[*]认识JavaScript / 注释以及输入输出语句 / 变量的使用、语法扩展、命名规范 数据类型简介以及简单的数据类型 / 获取变量数据类型/运算符&算数运算符 / 递增和递减运算符 比较运算符和逻辑运算符 / 赋值运算符以及运算符优先级 / 流程控制-实际案例学习if语句 三元表达式&分支流程控制 switch 语句 / JavaScript的for循环学不明白怎么办？ 以案例学习JavaScript双重for循环 / JavaScript中while以及do while循环 JavaScript遍历数组，附5个案例 / 函数的概念和使用/JavaScript函数的参数 JavaScript的返回值 / 函数案例练习
JavaScript最全拔高（更新中） JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇
和我一起学前端吧，全套路线图+课程：
HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序
黑马程序员前端：2022年前端学习路线图
http://pic1.zhimg.com/v2-f4a04b29ecae68bd38b7b30c9cffe542_r.jpg?source=1940ef5c
进阶：
[*]JavaScript语言精粹：揭示JavaScript中的精华。
[*]JavaScript 秘密花园：对 JS 一些的核心知识点进行梳理讲解，例如：this，闭包/作用域，构造函数，原型等等，都是面试必考知识点。
[*]ECMAScript 6 入门：阮一峰老师ES6入门书籍，全面介绍 ECMAScript 6 新引入的语法特性。
[*]JavaScript使用技巧：可以认识到一些你平时没有接触过的小技巧。
[*]深入理解javascript原型和闭包系列：详细解释了原型和闭包，看完之后对原型与闭包让你彻底明白。
[*]大漠老师的JavaScript系列：大漠老师的JavaScript系列文章。
[*]JavaScript 算法与数据结构：基于 JavaScript 的算法与数据结构，让你愉快的学习。
[*]JavaScript中的正则表达式：我自己的一篇正则表达式的文章，希望对你有帮助。
[*]30分钟掌握ES6/ES2015核心内容（上）
[*]30分钟掌握ES6/ES2015核心内容（下）：阐述了一些常用的ES6的知识点。
[*]学用 JavaScript 设计模式：阐述JavaScript编程语言中经典和现代的设计模式。
[*]你不懂JS（系列丛书）
[*]InterviewMap：聚集了很多知识点，包括JS，浏览器，性能等。
[*]30 秒就能理解的 JavaScript 代码片段：让你更好的理解一些有用的JS代码片段。
http://pic1.zhimg.com/v2-9cad7d1f9edcdb7f401384c3aca60425_r.jpg?source=1940ef5c
图片来源于：csdn博主哪吒，侵删！ js不难学，是你的学习方式或顺序不对
也可能是找的教程有问题
你用相同的方式学c语言或者python也会觉得难 如果JS都难学，那其他语言更不用谈了，我刚学编程学的Java，没学会，学了JS才知道编程还能这么容易入门 先说一下为什么觉得学不好这东西：
不了解的时候 觉得JS和HTML和CSS就和网上说的一样 很简单，首先战术上就非常轻视。
然后 开始真正的要写JS了：
突然发现 这特么是什么玩意 跟自己之前的想法完全不一样
然后静下心来自己看一看 卧槽 好特么乱 这到底该怎么学啊…
然后每次看到这个都蛋疼的不得了，进而形成了一种习惯 看到JS就头疼。
现在为什么想学好JS了？
因为没有退路了.
所以JS为什么这么难学呢？
首先 一大波概念很抽象 而且还很难懂：比如说：什么是闭包？什么是内置对象，什么是DOM？
然后 JS本身内容就很多 比如函数库和对象库一大堆
再然后 混合了很多种编程思想，涉及到面向过程 以及面向对象，但是面向对象和Java的面向对象还不一样…
再然后 辛辛苦苦看完基础的语法，指到了变量函数对象的定义，但是实际过程中 遇到真实项目的时候 因为经常是直接使用JS的衍生库，比如jQuery, Angular, bootstrap, node.js, react.js等等 让人无法下手。
综合在一起 就想打人。
那么我们到底应该怎么学呢？
1 首先紧紧抓住它的核心地位
他的核心地位就是：位于前端的核心，主要用来操控和重新调整DOM树，通过修改DOM结构 来达到修改页面效果的目的。（错误的理解是：JS就是写代码 特点是乱七八糟）
2 必不可少的清晰的学习路线
第一阶段：JS基础 包括：JS基本语法，JS循环语句，函数和数组 JS对象 JS浏览器BOM和HTML DOM 事件 拖拽效果 cookie储存 正则表达式。
第二阶段 ：学习面上对象的基础 学习JS 的几个必要的工具库：DOM库，事件库，AJAX库，原型继承库。
第三阶段：学习Jquery,这是当前流行的JS框架 里面提供了大量的拓展。学习基于JQuery之上的插件，比如bootstrap, 富文本编辑器。
3 从多角度去学习和领悟：（这个不太现实其实）
充分调动你所学的东西，从多角度去做某一功能，如：以前你是从面向过程角度做的，现在改为从面向对象的角度再来做，或者继续做成可以直接使用的插件，提供属性、方法等出来。争取让你做的这个功能逐渐能使用到实际项目中来。这样的好处：既综合应用了你的所学，又能有实际意义。
4 多写总结（之前些Swift的时候很有效果 而且还能调整思路）
这种总结不但包括源代码、显示效果截图，还应该很容易犯的错误和对应的解决方法以及最后一两句精简的结论性语句。对自己写的总结不是写完了就了事了，要多回顾、多改进、多精简。到做项目的时候，应该是看里面的一两句话就知道是讲什么了，而不要再去看长篇大论了。
2022年9月14日晚
如果想学前端或者想了解未来自己是不是适合干这个行业，或者是前端方向的前景如何，走过路过有疑惑的问题可以咨询我，俺不是培训机构，也是什么盈利性机构，只想给正想或者刚入前端的伙伴一个宝贵的建议，希望能给自己一个准备的定位好啦，就到为止了，有问题私信我，看到我回复你哦，另外自己主页也有前端的一些技术总结，可以关注一下，不定时更新前端知识
页:
[1]