学javascript的好处，学了JavaScript能做什么？

想了解学javascript的好处吗？想了解TypeScript 的好处都有啥？和 JavaScript 的区别在哪？，一起来聊一下 JavaScript 的用途和那些特性，为什么前端要学JavaScript？JS都有哪些逆天的功能？，学了JavaScript能做什么？?? 吗？......本文带你一探究竟。

1.TypeScript 的好处都有啥？和 JavaScript 的区别在哪？

这是一个之前面试被问到的问题。不过以前并没有思考过这个问题，面试时又太紧张，并没有答好。在我看来 相对于 ，除了静态类型外没带来任何东西。既然如此静态类型有什么好处？静态类型的好处到处都有说，这里就不说得太详细了，随便列一点。杜绝手误导致的变量名写错。自动完成。重构支持。类型可以一定程度上充当文档对我来说最有用的就是这几点，特别是自动完成。本人天生脑容量小，难以驾驭动态类型语言。静态类型解放脑容量，自动完成让我不需要记忆哪个变量里有哪些属性，也不需要记完整的变量名。函数上的类型约束外加尽量主动写纯函数让我在写函数实现的时候不需要关注函数之外的任何东西，注意力聚焦在当前函数。当然，也不只有好处。静态类型有哪些不足？类型标注麻烦。现阶段大部分静态类型语言的类型系统还不够强。eval 和 new Function() 这种骚操作类型系统管不到。需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长，比如 scala。标注麻烦的问题无法根绝，但是类型推导能解决大部分的类型标注问题。类型系统不够强的问题会随着时间慢慢变好。编译的问题在 ts 可能也并不算问题，ts 的类型检查并不影响 ts 编译成 js。也就是说就算类型检查不通过 ts 也能跑起来。所以对 ts 来说类型检查可以从编译中提取出来，作为独立的编译和类型检查两部分。先编译输出，再做类型检查，编译的部分相当于 babel 这种工具做的事。类型检查也可以单独运行。那么， 的类型系统有哪些特点？图灵完备。（虽然不太清楚这意味着什么）渐进的类型系统，所有类型标注都是可选的，既是天使又是恶魔的 any 类型。（被 Haskell 大牛 Colliot 称为 ts 类型系统的漏洞）支持局部类型推导。丰富的类型层面的计算，如 index types, mapped types, types 等等。支持鸭子类型。（或叫结构子类型？）像 js 支持对象字面量一样支持方便的对象字面类型（object literal type），字符串和数字还有布尔值字面类型。空安全。基于控制流的类型分析。还有许多我觉得比较平常的点就没有列出来，比如支持类型别名，泛型，协变逆变双变等等。ts 是一门非常非常非常工程的语言，很强大，但是可能和优雅沾不上半点关系。可选的类型标注搭配类型推导，让 ts 的类型系统更像是工具，而不是枷锁。好的产品是用完即走的。有时候，稍微开个洞，能让事情变简单很多。比如 any。鸭子类型加上上面提到的特性可以让你依旧感觉和 js 一样，像大海里的鱼一样自由。Null : The Billion Dollar Mistake ，而 js 里有两个 null（null 和 undefined），虽然前端通常不会造成非常严重的损失，但是 js 也慢慢被应用到不仅仅是前端的许多地方了。ts 这么好，怎么学 ？成也渐进，败也渐进，有部分人通过可选的类型标注，一步一步无痛地过渡到学会 ts。而另一部分人玩了一会儿，发现和写 js 并没有一丁点区别，而且还离开了熟悉的环境，就放弃了。ts 并不会强迫你使用类型，所以就需要更强的动力来推动自己学习。如果身边有会 ts 的朋友的话，对学习 ts 会比较有帮助。多让会 ts 的朋友看自己的代码，改良自己的写法。多写，很容易就能学会。如果身边没有会 ts 的人，其实我更建议先用 JSDoc。使用 vscode 或者 webstorm 的时候直接写 JSDoc 就行了，vsc 或 webstorm 会依靠 ts 来提供类型推导和自动完成。这样可以在工作或自己写东西的时候慢慢习惯并且主动去使用类型标注。在使用一段时间后感觉 JSDoc 已经不够用了，满足不了自己的需求了，再开始使用 ts。同时也要多主动去了解和学习一些 ts 的代码，不然的话，不知道 ts 有多好，自然就不会觉得 JSDoc 不够用。

2.一起来聊一下 JavaScript 的用途和那些特性

简介我们一起来聊一下 ，用它能做什么，它有哪些特性，以及一些跟它配合使用的技术。什么是 ？ 最初的目的是为了“赋予网页生命”。这种编程语言我们称之为脚本。它们可以写在 HTML 中，在页面加载的时候会自动执行。脚本作为纯文本存在和执行。它们不需要特殊的准备或编译即可运行。这方面， 和 Java 有很大的区别。为什么叫 ？ 在刚诞生的时候，它的名字叫 “”。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。随着 的发展，它已经变成了一门独立的语言，同时也有了自己的语言规范 。现在，它和 Java 之间没有任何关系。现在， 不仅仅是在浏览器内执行，也可以在服务端执行，甚至还能在任意搭载了 引擎 的设备中都可以执行。浏览器中嵌入了 引擎，有时也称作 虚拟机。不同的引擎有不同的“代号”，例如：V8 —— Chrome 和 Opera 中的 引擎。 —— Firefox 中的 引擎。……还有其他一些代号，像“Trident”，“Chakra”用于不同版本的 IE，“”用于 Microsoft Edge，“Nitro”和“”用于 Safari，等等。上面这些名称很容易记忆，因为经常出现在网上开发者的文章中。我们也会用到这些名称。例如：某个新的功能，如果“ 引擎 V8 是支持的”，那么我们可以认为这个功能大概能在 Chrome 和 Opera 中正常运行。引擎是如何工作的？引擎很复杂，但是基本原理很简单。引擎（通常嵌入在浏览器中）读取（“解析”）脚本。然后将脚本转化（“编译”）为机器语言。然后这机器语言代码快速地运行。引擎会对流程中的每个阶段都进行优化。它甚至可以在运行时监视编译的脚本，分析数据流并根据这些对机器代码应用优化。最后，脚本会执行地非常快。浏览器中的 能做什么？现代的 是一种“安全”语言。它不提供对内存或 CPU 的底层访问，因为它最初是为浏览器创建的，不需要这些功能。 的能力很大程度上依赖于它执行的环境。例如：Node.js 允许 读写任意文件、执行网络请求等。浏览器中的 可以做与网页操作、用户交互和 Web 服务器相关的所有事情。例如，浏览器中的 可以完成下面这些事：在网页中插入新的 HTML，修改现有的网页内容和网页的样式。响应用户的行为，响应鼠标的点击或移动、键盘的敲击。向远程服务器发送网络请求，下载或上传文件（所谓 AJAX 和 COMET 技术）。获取或修改 cookie，向访问者提出问题、发送消息。记住客户端的数据（本地存储）。浏览器中的 不能做什么？为了用户的（信息）安全，在浏览器中的 的能力是有限的。这样主要是为了阻止邪恶的网站获得或修改用户的私人数据。这些限制的例子有：网页中的 不能读、写、复制及执行用户磁盘上的文件或程序。它没有直接访问操作系统的功能。现代浏览器允许 做一些文件相关的操作，但是这个操作是受到限制的。仅当用户使用某个特定的动作， 才能操作这个文件。例如，把文件“拖”到浏览器中，或者通过 <input> 标签选择文件。 有很多方式和照相机/麦克风或者其他设备进行交互，但是这些都需要提前获得用户的授权许可。所以，启用了 的网页应该不会偷偷地启动网络摄像头观察你，并把你的信息发送到美国安全局。不同的浏览器标签页之间基本彼此不相关。有时候，也会有一些关系。例如，一个标签页通过 打开另外一个新的标签页。但即使在这种情况下，如果两个标签页打开的不是同一个网站（域名、协议或者端口任一不相同的网站），他们都不能够相互通信。这就是“同源策略”。为了解决“同源策略”问题，两个标签页必须都包含一些处理这个问题的特殊的 代码，并均允许数据交换，这样才能够实现两个同源标签页的数据交换。本教程会讲到这部分相关的知识。这个限制也是为了用户的信息安全。例如，用户打开的 网页的 肯定不能访问 通过互联网可以轻松地和当前网页域名的服务器进行通讯。但是从其他网站/域名的服务器中获取数据的能力是受限的。尽管这可以实现，但是需要来自远程服务器的明确协议（在 HTTP 头中）。这也是为了用户的数据安全。浏览器环境外的 一般没有这些限制。例如服务端的 就没有这些限制。现代浏览器还允许安装可能会要求扩展权限的插件或扩展。是什么使得 与众不同？至少有 3 件事值得一提：+ 和 HTML/CSS 完全的集成。 + 使用简单的工具完成简单的任务。 + 被所有的主流浏览器支持，并且默认开启。满足这三条的浏览器技术也只有 了。这就是为什么 与众不同！这也是为什么它是创建浏览器界面的最普遍的工具。此外， 还支持创建服务器，移动端应用程序等。比 “更好”的语言不同的人喜欢不同的功能， 的语法也不能够满足所有人的需求。这是正常的，因为每个人的项目和需求都不一样。所以，最近出现了很多不同的语言，这些语言在浏览器中执行之前，都会被编译（转化）成 。现代化的工具使得编译速度非常快速且透明，实际上允许开发人员使用另一种语言编写代码并将其自动转换为 。这些编程语言的例子有： 是 的语法糖，它语法简短，明确简洁。通常使用 Ruby 的人喜欢用。 将注意力集中在增加严格的数据类型。这样就能简化开发，也能用于开发复杂的系统。 是微软开发的。Flow 也添加了数据类型，但是以一种不同的方式。由 Facebook 开发。Dart 是一门独立的语言。它拥有自己的引擎用于在非浏览器环境中运行（如：手机应用），它也能被编译成 。由 Google 开发。还有很多其他的语言。当然，即使我们在使用这些语言，我们也需要知道 。因为学习 可以让我们真正明白我们自己在做什么。总结 最开始是为浏览器设计的一门语言，但是现在也被用于很多其他的环境。现在， 是一门在浏览器中使用最广、并且能够很好集成 HTML/CSS 的语言。有很多其他的语言可以被编译成 ，这些语言还提供了更多的功能。最好还是了解一下这些语言，至少在掌握了 之后简单地看一下。现代 教程：开源的现代 入门到进阶的优质教程。在线免费阅读：

3.为什么前端要学JavaScript？JS都有哪些逆天的功能？

相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生，这些可以说是一个前端的标配，而在前端的世界里，没有什么是实现不了的，你真的了解js吗？关于JS有一句话：凡是可以用 来写的应用，最终都会用 .吹了这么久JS，究竟它的魔力在哪里？能运用在哪些方面呢？为什么前端要学？可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用写前端的开发人员。而后端代码是用什么编写的则无所谓——不管是Java，PHP，.NET，Node.js还是其他——但是客户端就一定需要一个开发人员。事实上，现在很多开发人员依然没有认识到有多么强大。不知道正在阅读的你是否也是这些井底之蛙的一员。如果你确实是一个了不起的程序员，那么基本上所有有关于服务器端平台的工作都能够胜任。如果再了解这些平台基本上就可以上任了。JS实际使用的功能和领域，下面我们就来了解一下。1.数据可视化数据可视化是当下大家所推崇的一种互动展示模式，而拥有ECharts、Dygraphs.js、D3.js、InfoVis、Springy.js等多种可实现数据可视化效果的框架。2.移动应用PhoneGap将WebView带向了移动应用，同时也将带向了移动应用。3.服务端因为V8的性能将带到了一个新的高度，于是Node.js诞生了——前端、后台都可以用，现在任何一个网页都离不开。4.全平台应用一份代码构建移动、桌面、Web能够全平台应用，在Eletcron上运行Ionic，就意味着无限的可能性。5.游戏如果你对网页游戏仅仅停留在Flash的时代，认为只有Flash才能做出非常绚丽的游戏特效，那就错了。也可以做出华丽的特效！6.VR利用3D 游戏引擎，如Three.js，你也可以来创建一个 3D 世界。7.硬件Tessel可以直接在设备上运行，连服务器都不需要，然后像做网络开发一样通过用IDE和库去开发它，上传新的固件只需一句tessel 推送指令。8.操作系统那么是否有可能仅使用 Node.js 创建一个操作系统呢？NodeOS了解一下，虽然它是用 Linux 内核来处理各种底层任务，比如硬件通讯什么的，但是除此之外，使用的都是 Node.js。

4.学了JavaScript能做什么？

相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生，这些可以说是一个前端的标配，而在前端的世界里，没有什么是实现不了的，你真的了解js吗？关于JS有一句话：凡是可以用 来写的应用，最终都会用 .吹了这么久JS，究竟它的魔力在哪里？能运用在哪些方面呢？1.数据可视化数据可视化是当下大家所推崇的一种互动展示模式，而拥有ECharts、Dygraphs.js、D3.js、InfoVis、Springy.js等多种可实现数据可视化效果的框架。2.移动应用PhoneGap将WebView带向了移动应用，同时也将带向了移动应用。3.服务端因为V8的性能将带到了一个新的高度，于是Node.js诞生了——前端、后台都可以用，现在任何一个网页都离不开。4.全平台应用一份代码构建移动、桌面、Web能够全平台应用，在Eletcron上运行Ionic，就意味着无限的可能性。5.游戏如果你对网页游戏仅仅停留在Flash的时代，认为只有Flash才能做出非常绚丽的游戏特效，那就错了。也可以做出华丽的特效！6.VR利用3D 游戏引擎，如Three.js，你也可以来创建一个 3D 世界。7.硬件Tessel可以直接在设备上运行，连服务器都不需要，然后像做网络开发一样通过用IDE和库去开发它，上传新的固件只需一句tessel 推送指令。8.操作系统那么是否有可能仅使用 Node.js 创建一个操作系统呢？NodeOS了解一下，虽然它是用 Linux 内核来处理各种底层任务，比如硬件通讯什么的，但是除此之外，使用的都是 Node.js。一个优秀的前端怎么能够不会JS？Js学习点击加入：前端学习

上述文章了解到关于TypeScript 的好处都有啥？和 JavaScript 的区别在哪？，一起来聊一下 JavaScript 的用途和那些特性，为什么前端要学JavaScript？JS都有哪些逆天的功能？，学了JavaScript能做什么？?? ，让我们对学javascript的好处 有一个直观的认知。我们发现，作为一个优秀的Java程序员是多么的自豪。