JavaScript | JS终极学习指南

这是面向开发人员和想要了解 JS 的人的综合指南。它涵盖了云端服务语言的基础知识，语法以及它与Java或C++等其他语言的关系。它还包括有关代码格式设置，调试工具，Web框架，测试框架等的有用资讯。
 

如果你已经登陆这里，到现在为止，你应该已经意识到你需要JavaScript才能在技术上走得更远。
 

例如，作为一名初级Web开发人员，您很可能从HTML和CSS开始，这很好。但是Web开发包括三个要素：
 

好消息是，JavaScript 并不像你想像的那么可怕。实际上，它是一种有趣且灵活的程式设计语言，您可以在前端和后端使用。
 

不仅如此。JS对于启用Web应用程式，移动应用程式和游戏开发也非常有用。它用于Web伺服器，Raspberry Pis，机器人和运行机器学习演算法。最后，它也可以在区块链专案中使用，就像乙太坊区块链JavaScript API一样。
 

只是为了让你明白，JS用于创建你在手机和平板电脑上的那些应用程式，或者你晚上使用的基于Web浏览器的游戏。
 

所以，如果你认为JavaScript正在变得过时，那么你离事实还很远。更不用说一个简单的事实：经过四分之一个世纪，JavaScript仍然是唯一在Web浏览器中运行的语言，适合各大公司（business cloud service）使用。
 

为什么 JavaScript 如此令人讨厌？
 

软体环境竞争激烈，到处都是对最佳技术和实践有自己的看法的人。所以，无论我们谈论的是哪种语言，你总会遇到一个讨厌它的人。
 

编码语言越受欢迎，就越有可能受到批评。尽管如此，JavaScript在软体社区中还是受到了难以置信的憎恨。
 

其中一个原因是JS非常容易上手，可用于前端和后端Web开发。这就是为什么学习JS的新手开发人员很少投资其他语言，最终使用JavaScript进行所有工作的原因。
 

这就是JS的主要优势之一也成为managed security services主要弱点的原因。
 

尽管如此，开发人员中仍有相当多的反复出现的投诉元素，您应该注意：
 

浏览器依赖关系：由于许多功能和属性在浏览器之间的执行方式不同，因此在Chrome和Safari上的结果可能看起来不同

弱类型和攻击性强制：它是一种云端运算类型语言，试图将不同类型的类型相互转换，导致一些奇怪的效果;例如，“+”号可能意味著将数位相加或将数位添加到文本上，或将文本添加到数位上

• 过多的样板代码：它是冗长且耗时的程式设计语言，需要开发人员将重复代码放在多个位置以避免任何错误
• 烦人的全域变数：JavaScript提供了对全域变数的支援，但它做得很奇怪，因为全局变数在整个程式中具有范围或可访问性，这意味著您可能会遇到由第三方库生成的程式中的意外更改，该程式使用与您之前声明的全域变数相同的变数名称
• 隐含的全域变数：如果你拼错了一个变数，JavaScript 不会显示错误，但会把你的拼写错误声明为一个新的全域变数
• 很多困惑：有太多的JS框架，太多的AngularJS，React，Ember，Polymer等版本，这可能导致JS开发人员在最初的困惑。

为什么 JavaScript 很受欢迎？

当它被发明出来时，超过25年前，JavaScript从未打算成为现代Web开发的基石。事实上，该语言是由Brendan Eich在Netscape总部在不到两周的时间内创建的。
 

今天，我们依赖于JavaScript提供的交互性。您最喜爱的网页的某些部分不仅能正常工作，还包括Netflix，YouTube，Google Docs，Google Maps等等。更不用说智慧手机，计算机和智能电视的操作系统;他们都安装了JavaScript解释器。
 

世界上95%的网站（近20亿个）使用JavaScript。因此，它是迄今为止世界上最常用的语言。
 

一个简单的事实是，它也不仅用于Web开发，这证明了它无可挑剔的网络安全措施优势：
 

• 入门简单：JavaScript相对容易上手，并且由于其灵活性，它最适合中级开发人员，他们可以使用外挂程式和自己的代码片段来使应用程式正常工作。
• 设置简单：无需在机器中下载JS即可访问其所有功能并创建开发环境;你只需要你的浏览器
• IDE：JS 使用整合开发环境 （IDE） 或代码编辑器，您可以在其中以 .js 扩展名的档案创建代码
• 动态内容的基于事件的程式设计：它具有内置事件，如「onClick」和「onHover」，这些事件根据用户在网站上的交互来执行特定的代码段
• 端到端程式设计：运行时环境 Node.JS在 Web 浏览器之外运行 JavaScript 代码，使开发人员能够自由地使用 JavaScript 进行伺服器端脚本编写，以便与资料库通信、发出 HTTP 请求、生成动态内容以及创建互动式用户体验/介面
• 活跃的社区：JavaScript在世界各地拥有许多大型遥距办公社区，是Stackoverflow上最大的社区之一;Node.JS已被下载超过十亿次

JavaScript是如何工作的？
 

我们上面提到过，JavaScript是一种脚本语言。这意味著它用于自动化使用者需要自行执行的流程，并逐步执行。
 

此外，如果没有JS，您访问的网页上的任何更改都需要手动重新载入页面，或者导航一系列静态功能表才能获得您想要的内容。
 

JavaScript透过告诉managed private network浏览器或Web应用程式等计算机程序执行特定操作来完成繁重的工作。这就是动态功能的用武之地，例如，“告诉”图像以动画自己，照片在幻灯片中移动等。
 

由于JavaScript是Web功能不可或缺的一部分，因此所有Web浏览器都带有内置引擎，可以呈现JS，这意味著您可以直接在HTML文档中键入JS命令，Web浏览器将理解它们。
 

JavaScript通常嵌入到网页中或包含在.JS档中。作为客户端语言，Web浏览器将其下载到您的电脑上进行处理;无需任何其他程式或编译器。
 

现在，如果您想知道什么软体可用于JavaScript程式设计，那么框架是任何现代网站的支柱，因为它们使前端开发人员能够轻松构建互动式用户介面。
 

为了说明，我们制作了一份全面的指南，介绍了您应该知道的最佳JavaScript广域网框架。但是在详细介绍之前，您需要了解哪种JavaScript框架最适合您。
 

为此，首先要考虑您的需求和目标。JS框架主要有三种类型：开源，商业和轻量级（这些可以进一步细分为更具体的类别）。
 

JS 框架的 3 种类型

• 开源：使用开源前端框架，欢迎所有贡献。例如，流行的开源 React 就是一个很好的例子。根据Google的说法，JS框架的基线技能水准是最小的，因此首先从开源框架开始是有意义的。它们很容易学习和理解，但学习曲线很陡峭。如果你更喜欢视觉学习者，那么像Angular和React这样的商业框架最适合你。我们准备了一个简单的指南来说明您为基于Web的专案选择合适的React JS框架：CRA vs Gatsby vs Next.js
• 商业：现代网站最常见的虚拟专用网络框架，如Bootstrap和Foundation，都是商业开发的。商业框架的主要优点是它们提供了广泛的功能，并且不断更新。
• 轻量级：在这种类型的框架中，你不需要学习整个程式设计语言来开发你的专案。有时被称为「微框架」，轻量级框架可以被认为是更复杂和健壮的。虽然其中大多数都侧重于可伸缩性，但其中一些也具有更快的渲染时间。它们还提供了构建跨浏览器和跨平台网站的能力。jQuery和Vue是两个受欢迎的intelligent network solution选择。

前端和后端 JS 框架之间有什么区别？
 

JavaScript是一个开放标准，所以有很多JavaScript框架。有些可用于开发网站或用户端应用程式，而另一些则用于将JavaScript和Web技术集成到Web 0技术中。
 

这两种框架都具有许多相同的功能，可帮助开发人员创建使用者友好的企业资讯安全体验。但是，后端开发人员需要更复杂的语法，结构和技术要求，而前端开发人员将主要处理CSS，HTML和JavaScript构建块。
 

这些框架可以处理前端和后端，无论您正在构建哪种Web应用程式，都可以大大改善UX。
 

React、Angular、Vue 和 Ember 是最受欢迎的 JS 框架。它们各自提供了一种不同的方法来桥接伺服器端和客户端处理，并表达复杂的数据驱动介面。框架不必相互排斥。事实上，如果你正在构建一个新应用，你可能会从同时处理这四个应用中受益。
 

JavaScript IDE

IDE 是整合开发环境的缩写。这基本上意味著您可以获得软体开发人员创建和开发软体所需的所有实用程式。
 

JavaScript IDE 允许您使用滑鼠或键盘在浏览器中配置和运行每个函数。IDE 允许您快速对应用程式进行程式设计，因为您不需要手动配置多个实用程式。
 

您无需了解如何使用单独的工具。IDE的大多数功能可以节省时间，例如智能代码完成和自动代码生成，其他功能可帮助开发人员组织其工作流程并即时解决问题，例如错误。
 

语法突出显示是大多数 IDE 中区分语法的另一个常见功能。
 

经验丰富的开发人员构建自己的IDE，通过将实用程式与轻量级文本编辑器集成来获得超自定义和控制。
 

JavaScript Libraries
 

通常，JavaScript库是预先编写的代码片段的集合，可以使用和重用这些代码片段来执行香港数据中心常见的JavaScript功能。
 

由于JS代码中的某些模式被反复用于完成相同的任务，因此JavaScript社区开发了库和框架。
 

像重复动画，互动式表单这样的东西只是无数重复性任务的几个例子，开发人员现在可以通过代码片段自动执行这些任务。开发人员现在可以更快地编码，并减少由于错误而导致的漏洞。
 

了解基础知识

以下内容并非旨在成为全面的 JS 技术指南。把它作为JS语法的一个非常基本的介绍。
 

JavaScript 语法

• 空格：空格和换行符无关紧要，但最佳做法规定使用linter或样式工具（更漂亮是一种常用选项）
• 区分大小写：JavaScript 区分大小写。所以，要小心：如果你命名一个变数或一个标识符，避免混淆
• 文本：它指的是在原始程式码中编写的值，即字串，数位，布尔值和更高级的构造
• 标识码：这是一系列可用于标识mpls connectivity变数、函数或物件的字元和数位。你可以用字母、下划线或美元符号（这用于引用 DOM 元素）开头。
• 注释：与任何程式设计语言一样，JS中的注释允许您注释代码并添加资讯。您可以使用双反斜杠或多行注释在单行上使用它，例如，它以 /* 开头，以 */ 结尾。和 /* */ 之后的所有内容都不会被解释为代码

不要将JavaScript语言与API功能混淆。例如，您可以在许多代码范例中找到的通用控制台.log（）行不是 JavaScript。它是我们的浏览器或伺服器中API的一部分，或者是由React和Vue等外部生态系统提供的。