JavaScript编程入门

在现代Web开发中，JavaScript已经成为一种不可或缺的技术。它不仅用于前端界面的交互，也越来越多地被用于后端开发。因此，掌握JavaScript编程技能对于任何希望在Web开发领域取得成功的开发者来说都是至关重要的。本文将从纯JavaScript编程的重要性开始，探讨如何通过浏览器的开发者工具进行JavaScript编程，并介绍几种流行的文本编辑器，帮助更好地编写和维护JavaScript代码。

为什么要学习纯JavaScript？

纯JavaScript指的是不依赖于任何外部库（如jQuery）的JavaScript编程。学习纯JavaScript非常重要，因为它能帮助更好地理解JavaScript的工作原理，以及为什么需要其他库（例如jQuery和TypeScript）来简化某些操作。

当熟悉了JavaScript的基本操作后，使用其他基于JavaScript的库将变得更加容易。此外，了解JavaScript的复杂性将使更加欣赏jQuery和TypeScript等库如何简化某些任务。

如何看到结果

学习JavaScript的第一步是学会如何看到结果。现代浏览器开发者为了方便开发者，内置了开发工具。

在大多数浏览器中（如Firefox、Chrome、Edge），按下F12键可以打开开发者工具。以Firefox为例，按下F12后，将看到一个新窗口区域弹出。

在浏览器控制台中，可以输入JavaScript语句并立即看到结果。例如，输入2+2并按下回车键，浏览器将执行这段代码并显示结果。

浏览器的差异

虽然大多数现代浏览器都内置了开发者工具，但它们之间仍存在一些差异。例如，在Microsoft Edge中，控制台窗口的外观可能与Firefox不同，但仍然可以轻松地找到并使用它。

如果输入的代码存在错误，浏览器会显示错误信息。例如，在控制台中输入sda =ewwlj并按下回车键，浏览器将显示错误信息，帮助理解问题所在。

控制台记住代码

可以在控制台中输入多行JavaScript代码，控制台会像在编写一个更大的程序一样记住这些代码。例如：

每次输入一行代码并按下回车键后，浏览器会执行这段代码。如果代码没有返回值，浏览器可能会显示undefined，但这并不是问题。

奇怪的字符和文本

有时，屏幕上的字符可能与JavaScript解释器认为的字符不同。例如，双引号字符在不同的编辑器中可能有不同的表示。如果复制代码而不是自己输入双引号字符，可能会得到错误的结果。

JavaScript解释器的错误语言

已经开始体验到JavaScript解释器用来警告奇怪语言。有时，解释器会告诉某个值是undefined，可以忽略它。其他时候，它会告诉发生了ReferenceError，这意味着解释器不知道引用的某个变量或对象。

这些错误消息是由浏览器的开发者创建的，因此它们在不同的浏览器之间可能会有所不同。但通常它们是相似的，所以能够理解它们。

这不是编写JavaScript程序的方式

当然，将代码输入JavaScript控制台并不是编写JavaScript程序的方式。不这样做有两个主要原因：

• 不能保存工作——一旦关闭浏览器标签或刷新网页，所有代码都会消失。它只存储在内存中，而不是磁盘上。
• 不能轻松地分享代码，让其他用户也能运行代码。由于代码没有保存到文件中，程序只存在于内存中，没有办法让其他用户运行代码。

这就是为什么通常使用文本编辑器编写代码并将其保存到文件中。

应该使用对来说最容易使用且最舒适的文本编辑器。以下是一些建议的文本编辑器及其选择理由：

• Notepad++：易于获取，免费且易于使用。它不是资源密集型的，这意味着它不会消耗大量的内存或处理器资源。Notepad++还具有语法着色功能，可以列出JavaScript中找到的所有函数。
• Atom：易于获取且免费。它可以在三大平台（Mac、Win、Linux）上使用。如果在不同的操作系统之间切换，可能想使用Atom。Atom具有出色的语法着色功能，编辑器主题可以让屏幕更加舒适。
• Visual Studio Code：这是一个基于Microsoft Visual Studio的新小型编辑器。尽管它是免费的，但个人不太喜欢它。如果要选择一个更大的编辑器，建议使用Atom。Visual Studio Code并没有比Atom提供更多的优势，而且它做了一些令人讨厌的事情，比如在HTML/JavaScript项目中添加一个.vscode文件夹。