前端学习是否可以直接跳过JavaScript学习TypeScript?

叁歲伎倆 2022-09-02 07:49 198阅读 0赞

![b29d389532e9eb8f637749c5e24a205a.png][]

前端现在产生了一种浮躁的风气。

从nodejs诞生算起的话，前端在程序界才发展了12年，可以说是萌新一个，但其速度是有目共睹的，框架、库层出不穷，更新换代也确实快，所以导致很多人有这个想法，想直接跳着走。

另一方面，从语言层面，后端可以用的太多了，而前端几乎就是js一家独大。而js这门语言上手确实快，有编程背景的老鸟可以花个周末翻一下就能上手开发。即使是萌新，相比其它语言JS的入门难度也是很低的。

js的学习曲线就是这样，开始容易，越往后越难。即使是老鸟，要写出一手漂亮的js代码，也不是一朝一夕可以的。见过10多年的老鸟用js写的项目，功能实现了，代码惨不忍睹。

回到这个问题，如果你是老鸟，有诸如java，c\#之类的强类型语言开发背景，只是想拓展一下知识领域，我觉得一点问题也没有，即可以节省时间，又能保证开发质量，何乐而不为？

如果你是新手，要靠着前端混口饭吃，不仅不能跳过，事实上你连ES5都不应该跳过，即使现在已经到了ES6789了。因为事实是很多项目都要编译成ES5，而且ES6789的发展也是建立在ES5的基础上。

另外吐槽下，在某条上看到居然有人建议前端直接从vue开始，理由是能更快的做出效果，这种建议就一个字，shit。这种会用个框架，用个库的人我不知道成就感从何而来？

越底层的知识越保值，绝对是真理。

如果大家对于js底层还没有掌握好的话，在这里免费分享给大家一份Javascript学习指南。

Javascript学习指南文档涵盖了javascript 语言核心、词法结构 、类型、值和变量 、表达式和运算符 、语句、对象 、数组 、函数 、类和模块 、 正则表达式的模式匹配、 javascript的子集和扩展 、服务器端javascript /客户端javascript 、web浏览器中的javascript 、window对象 、脚本化文档、脚本化css 、事件处理等22章知识点。内容丰富又详细，拿下互联网一线公司offfer的小伙伴都在看。

> 每个知识点都有左侧导航书签页，看的时候十分方便，由于内容较多，下面列举的部分内容和图片。

### **对象** ###

*  创建对象
 *  属性的查询和设置
 *  删除属性
 *  检测属性
 *  枚举属性
 *  属性getter和setter
 *  属性的特性

![8c0eb99808a75d8f8e39f3908cb8be14.png][]

### **数组** ###

*  创建数组
 *  数组元素的读和写
 *  稀疏数组
 *  数组长度
 *  数组元素的添加和删除
 *  数组遍历
 *  多维数组

![30a64f420609fab73078bc7257309548.png][]

### **函数** ###

*  函数定义
 *  函数调用
 *  函数的实参和形参
 *  作为值的函数
 *  作为命名空间的函数
 *  闭包
 *  函数属性、方法和构造函数

![947fb878c865c3b76388d801a90c8972.png][]

### **类和模块** ###

*  类和原型
 *  类和构造函数
 *  javascript中java式的类继承
 *  类的扩充
 *  类和类型
 *  javascript中的面向对象技术
 *  子类

![c4c9a418e6c4dd5eadeb72f709f7e443.png][]

### **正则表达式的模式匹配** ###

*  正则表达式的定义
 *  用于模式匹配的string方法
 *  regexp对象

![8722e7a738b77b36f673809d7d574493.png][]

### **javascript的子集和扩展** ###

*  javascript的子集
 *  常量和局部变量
 *  解构赋值
 *  迭代
 *  函数简写
 *  多catch 从句
 *  e4x: ecmascript for xml

![b8c097d431a826aa2d22cc572fc44f0b.png][]

### **web浏览器中的javascript** ###

*  客户端javascript
 *  在html里嵌入javascript
 *  javascript程序的执行
 *  兼容性和互用性
 *  可访问性
 *  安全性
 *  客户端框架

![081dd61ac420f57a2b50145e88ff1d1a.png][]

### **window对象** ###

*  计时器
 *  浏览器定位和导航
 *  浏览历史
 *  浏览器和屏幕信息
 *  对话框
 *  错误处理
 *  作为window对象属性的文档元素

![2b2660fbc7570f7e4b7041835c4986de.png][]

如果你有其他语言的编程经历，这份文档会有助你了解JavaScript是一门高端的、动态的、弱类型的编程语言，非常适合面向对象和函数式的编程风格。

我在这里将这份完整版的JS学习指南电子版文档提供出来，感兴趣的朋友都可以找我拿一份学习！（纯免费的一个分享，希望能给大家带来实质性的帮助）

#### 快速入手通道：[【点击这领取Javascript学习指南电子版】][Javascript] ####

除此之外，如果大家想入门学习TypeScript，可以看看我这份[【1.8W字TypeScript入门指南：附大量代码实例（收藏！）】][1.8W_TypeScript]

[b29d389532e9eb8f637749c5e24a205a.png]: /images/20220829/459e80dee74a4068a9b713a886559acd.png
[8c0eb99808a75d8f8e39f3908cb8be14.png]: /images/20220829/c66b7e70bd6343ae84e2db260219a568.png
[30a64f420609fab73078bc7257309548.png]: /images/20220829/27acd7b4a4c84d0584bd9c419b2a6ff1.png
[947fb878c865c3b76388d801a90c8972.png]: /images/20220829/f12ba9049e91471ba25ea0ceaac735b0.png
[c4c9a418e6c4dd5eadeb72f709f7e443.png]: /images/20220829/b794cead231c489e86cae6f1a315557d.png
[8722e7a738b77b36f673809d7d574493.png]: /images/20220829/4c534f39f1484f9a98d4b2eaaf6e556e.png
[b8c097d431a826aa2d22cc572fc44f0b.png]: /images/20220829/35e05cead0614b459a076e704ad99e28.png
[081dd61ac420f57a2b50145e88ff1d1a.png]: /images/20220829/ef9a4bbc30a24f70a1699056fb0055be.png
[2b2660fbc7570f7e4b7041835c4986de.png]: /images/20220829/fc604d265617441686c3d86ee5301f6c.png
[Javascript]: https://jq.qq.com/?_wv=1027&k=NgZqxZAa
[1.8W_TypeScript]: https://blog.csdn.net/hugo233/article/details/118972303