每日一「讲」"Hello World" 之前

1.2 JavaScript的旅行准备

规格和手册

ECMA-262规范包含有关JavaScript的最深入，最详细和形式化的信息。

(https://www.ecma-international.org/publications/standards/Ecma-262.htm)

每年都会发布一个新的规范版本。在这些版本之间，最新的规范草案位于https://tc39.es/ecma262

作为参考手册，推荐使用：

• 《 MDN（Mozilla）JavaScript参考》https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference
• MSDN – Microsoft手册，http://msdn.microsoft.com/

关于兼容性：JavaScript是一种开发语言，定期添加新功能，因此需要查看它们在基于浏览器的引擎和其他引擎中的支持，强烈推荐 http://caniuse.com

代码编辑器是码农花费大部分时间的地方。主要有两种类型：IDE和轻量级编辑器。

IDE (集成开发环境)

IDE（集成开发环境）一词是指功能强大的编辑器，具有通常在“整个项目”上运行的许多功能。顾名思义，它不仅是编辑器，而且是全面的“开发环境”。

IDE会加载项目（可以有多个文件），允许在文件之间导航，基于整个项目（不仅是打开的文件）提供自动完成功能，并与版本管理系统（例如git），测试环境以及其他“项目级”资料。

推荐两个不错的IDE：

• Visual Studio代码（跨平台，免费）。
• WebStorm（跨平台，付费）。

对于Windows，还有“ Visual Studio”，不要与“ Visual Studio Code”混淆。 “ Visual Studio”是一款付费且功能强大的Windows编辑器，非常适合.NET平台。它也擅长JavaScript。还有一个免费版本的Visual Studio社区。

许多IDE是付费的，但是有试用期。与合格的开发人员的薪水相比，其成本通常可以忽略不计，因此只需为您选择最合适的。

“轻量级编辑器”没有IDE强大，但它们快速，优雅，简单。

“轻量级编辑器”和“ IDE”之间的主要区别在于，IDE在项目级别上工作，因此它一开始就加载更多数据，并在需要时分析项目结构，依此类推。如果我们只需要一个文件，那么轻量级的编辑器会更快。

实际上，轻量级编辑器可能会有很多插件，包括目录级语法分析器和自动完成器，因此，轻量级编辑器和IDE之间没有严格的界限。

星级的推荐：

• Atom（跨平台，免费）。
• Visual Studio代码（跨平台，免费）。
• Sublime Text（跨平台，共享软件）。
• Notepad++（Windows，免费）。
• Vim和Emacs也很酷哟。

俗话说“磨刀不误砍柴工”，所以很多刚接触code的小伙伴就喜欢争论哪种编辑器更优。其实，任何编辑器都有优劣势；与其他任何工具一样，编辑器的选择是个人的，取决于您的项目，习惯和个人喜好。

开发者控制台

人非圣贤孰能无过，绝对要犯错误，代码绝对会有出错时候。但是默认情况下，在浏览器中，用户看不到错误。因此，如果脚本出现问题，我们将看不到损坏的内容，也无法修复。

为了查看错误并获得许多有关脚本的有用信息，“开发人员工具”已嵌入浏览器中。

大多数开发人员倾向于使用Chrome或Firefox进行开发，因为这些浏览器拥有最好的开发人员工具。其他浏览器也提供开发人员工具，有时具有特殊功能，但通常会“赶上” Chrome或Firefox。因此，大多数开发人员都拥有“最喜欢的”浏览器，如果特定于浏览器的问题切换到其他浏览器。

开发人员工具功能强大；他们有很多功能。首先，我们将学习如何打开它们，查看错误以及运行JavaScript命令。

Google Chrome

JavaScript代码有错误。常规访问者看不到它，因此让我们打开开发人员工具来查看它。

Windows 按F12键；Mac，则按Cmd + Opt + J键。

默认情况下，开发人员工具将在“控制台”选项卡上打开。

它可能会是这样：

• 开发人员工具的确切外观取决于您使用的Chrome版本。它不时变化，但应该相似。
• 在这里我们可以看到红色的错误消息。在这种情况下，脚本包含未知的“ lalala”命令。
• 在右侧，有一个可单击的链接，指向源bug.html：12，其中包含发生错误的行号。
• 在错误消息下方，有一个蓝色>符号。它标记了一个“命令行”，我们可以在其中键入JavaScript命令。按Enter运行它们（按Shift + Enter输入多行命令）。

Firefox，Edge等

其他大多数浏览器都使用F12打开开发人员工具。

它们的外观和感觉非常相似。知道如何使用其中一种工具（可以从Chrome开始）后，就可以轻松切换到其他工具。

Safari

Safari（Mac浏览器，Windows / Linux不支持）在这里有点特殊。我们需要首先启用“开发菜单”。

打开首选项，然后转到“高级”窗格。底部有一个复选框：

现在，Cmd + Opt + C可以切换控制台。另外，请注意，出现了名为“开发”的新顶部菜单项。它具有许多命令和选项。

多行输入：

通常，当我们在控制台中放入一行代码，然后按Enter时，它将执行。

要插入多行，请按Shift + Enter。这样，您就可以输入较长的JavaScript代码片段。

总结

目前为止，我们已经了解了JavaScript的知识背景、用途规范、开发环境等；这将有助于后续进一步的学习。可以说现在是，万事俱备只欠东风，即将通过"Hello World"开启JavaScript的梦幻之旅。

未完待续，下一讲更精彩......!!!