初学者学习 JavaScript – JS 基础知识手册正式版

 本手册的目的是迅速向你介绍JavaScript的基础知识，以便你可以开始编写应用程序。它并不包括JavaScript的所有理论和概念，而是只教授语言中最重要的构件。它包括变量、数据类型、函数、对象、数组和类。你还将学习如何结合它们来构建小型、可靠的程序。本教程只关注作为编程语言的JavaScript和使用终端来执行代码。本教程还包括每个部分的练习，让你有时间练习你所学到的知识，并将这些知识 "打入 "你的大脑。目录1 - JavaScript 简介为什么要学习 JavaScriptJavaScript 与 Java2 - 如何设置您的计算机如何安装 VSCode如何安装 Node.js3 - 快速控制台介绍4 - 是时候向世界问好了！5 - JavaScript 代码结构声明评论执行流程练习#16 - JavaScript 变量变量命名常数变量var 关键字练习#2概括7 - JavaScript 基本数据类型JavaScript 中的字符串JavaScript 中的数字（整数和浮点数）JavaScript 中的布尔值JavaScript 中未定义JavaScript 中的空值8 - 类型转换和强制类型强制类型强制规则为什么应该避免类型强制9 - JavaScript 中的运算符算术运算符赋值运算符比较运算符逻辑运算符运算符的类型练习#310 - JavaScript 数组数组索引位置数组操作的特殊方法练习#411 - JavaScript 中的控制流（条件）if.else 语句switch.case 语句switch 语句体Switch 语句用例练习#512 - JavaScript 中的控制流（循环）for 语句什么时候使用for循环？while 语句何时使用 while 循环？练习#613 - JavaScript 中的函数如何创建自己的函数函数参数和参数默认参数默认参数和 null返回语句变量范围其余参数箭头功能单行和多行箭头函数不带圆括号的箭头函数箭头函数没有参数绑定如何轻松地将普通函数转换为箭头函数练习#714 - JavaScript 中的对象如何访问对象值如何向对象添加新属性如何修改对象属性如何删除对象属性如何检查对象中是否存在属性练习#8最后练习：构建一台收银机结论解决方案1 - JavaScript 简介JavaScript是由Brendan Eich在1995年4月左右创建的。当时，他正在为一家名为Netscape的公司开发一款浏览器。他被告知，他只有10天时间来设计和编写一种可以在浏览器上运行的编程语言的原型。他需要创造一种能够吸引非专业程序员的语言，比如微软的Visual Basic。他只得到了10天的时间，因为网景公司需要发布一个当时与微软竞争的浏览器。最初，JavaScript并不像今天这样强大，因为它被设计用来给网页添加交互和动画。直到2005年，jQuery和AJAX发布后，JavaScript才被用于所有网站。在执行DOM操作和发送异步请求方面，没有比jQuery和AJAX更容易的选择。此外，一个活跃的JavaScript开发者社区继续为该库添加新的功能。然后，谷歌推出了最新的Chrome浏览器，Facebook也开始吸引更多的人进入互联网。JavaScript开始随着这些互联网巨头的野心而发展。浏览器开始开发可以在JavaScript中使用的API，JS能够从浏览器中检索IP地址和地理位置等信息，使互联网公司能够更好地将其网站的功能本地化。随后，另一项创新的出现，使JavaScript变得更加强大。一个名为Node.js的服务器端环境于2009年发布，使JavaScript能够像PHP、Java、Python和Ruby一样在服务器端运行。它还使开发者能够只用JavaScript来开发全栈网络应用。今天，JavaScript是一种可以支持网络、桌面和移动应用的语言。用O'Reilly Media的创始人Tim O'Reilly的话说：学习JavaScript曾经意味着你不是一个严肃的开发者。今天，不学习JavaScript也意味着同样的事情。现在，对于任何想成为网络开发者的人来说，学习JavaScript是必须的。现在，学习 JavaScript 对于那些想成为 Web 开发人员的人来说至关重要。为什么要学习 JavaScript？您需要学习并深入理解 JavaScript 有 4 个充分的理由：1. JavaScript 是唯一可以在浏览器中运行的语言2. 它很容易学习（但很难掌握）3. 它是制作 Web 应用程序的必备语言4. JavaScript 开发人员有很多职业机会学习 JavaScript 为您提供了成为前端、后端或移动开发人员的巨大机会。基本上，学习 JavaScript 是技术职业发展的门户。JavaScript 与 Java最开始，JavaScript 实际上被命名为 LiveScript。它被重命名为 JavaScript，因为 Java 是一种非常流行的编程语言。由于大多数软件开发人员已经熟悉 Java，因此 JavaScript 这个名称被认为有助于将 JavaScript 作为一种出色的编程语言进行营销，并吸引了当时开发人员的兴趣。需要明确的是，JavaScript 和 Java 是两种完全不同的编程语言。您无需了解 Java 即可学习 JavaScript（反之亦然）。:)2 - 如何设置您的计算机要使用 JavaScript 编写程序，您需要安装 2 个可用于所有操作系统的免费工具。第一个要安装的工具是 Visual Studio Code。如何安装 VSCodeVisual Studio Code 或简称 VSCode 是一个为编写代码而创建的文本编辑器程序。除了免费之外，VSCode 也是开源的，并且可在所有主要操作系统上使用。您可以在 Windows、macOS 和 Linux 上使用 VSCode，因此如果您的计算机上没有文本编辑器，我建议您在此处安装 VSCode。现在您已经有了一个文本编辑器来编写 JavaScript 代码，您还需要一个软件来运行 JavaScript 代码。接下来让我们安装 Node.js。如何安装 Node.js要在浏览器外部运行 JavaScript，您需要安装 Node.js，它本质上是一个 JavaScript 运行器。只需访问 Node.js 网站（nodejs.org）并下载适合您计算机的最新 LTS 版本。下载完成后，将其安装到您的系统上。您需要使用控制台运行 Node.js，因此打开命令行或终端应用程序并运行以下命令：node -v此命令会将新安装的 Node.js 的版本输出到控制台。3 - 快速控制台介绍控制台是一个基于文本的界面，可用于在计算机上键入和运行命令。在 Windows 上，它称为命令行。在 macOS 和 Linux 上，它称为终端。您不会使用控制台中可用的所有命令。事实上，您只需要了解 7 个基本命令即可帮助您运行 JavaScript 代码。首先，打开计算机上的控制台程序并输入命令pwd：pwd这是您用来查找终端当前所在目录的命令。pwd是打印工作目录的缩写。要更改工作目录，您需要运行该cd命令。下面是移动到子目录的示例：cd directory_name/directory_name要向上移动到父目录，请.在命令旁边指定：cd .要向上移动多个目录，请使用./.要清除控制台上以前的命令和输出，请使用以下clear命令：clear要打印当前目录中的文件和目录列表，请运行以下ls命令：ls要创建新文件，请使用以下touch命令，后跟文件名和扩展名：touch index.js上面的命令将创建一个index.js以当前工作目录命名的新 JavaScript 文件。要创建新目录，请使用mkdir命令后跟目录名称：mkdir my_project要使用 Node.js 运行 JavaScript，请指定node后跟文件名，如下所示：node index.js您将在同一控制台中看到代码的所有输出。您可以使用控制台做很多事情，但这 7 个命令就足够了，因为我们只需要它来运行 JavaScript 代码。接下来，让我们运行您的第一个 JavaScript 程序！4 - 是时候向世界问好了！是时候使用 Node 运行您的第一个 JavaScript 程序了。从控制台中，创建一个index.js使用touch以下命令命名的新 JavaScript 文件。touch index.js接下来，使用 VSCode 打开该文件并将以下代码行写入该文件中：console.log("Hello World!");返回控制台，使用 Node 运行此脚本：node index.js控制台应该执行该index.js文件并打印“Hello World!”。您刚刚使用 Node.js 运行了第一个 JavaScript 程序。出色的！当您运行该node index.js命令时，Node.js 程序开始从上到下逐行读取脚本。程序node发现您写了单词，console.log后跟括号()，因此它知道您正在指示它打印某些内容。然后程序读取您在括号中输入的内容并将其打印在控制台上。在 VSCode 或其他文本编辑器程序中，您应该看到代码的不同部分以不同的颜色突出显示。这是文本编辑器的一项功能，称为语法突出显示，它对于帮助您区分代码的不同部分非常有用。关键字log是一个函数，因此它以一种颜色突出显示，而括号中的单词则具有另一种颜色。函数只是用于执行特定任务的一段代码。该log()函数用于“打印”您放在括号内的任何内容。另一方面，console关键字是一个对象，它是一个独立的属性，可以访问某些功能。稍后我们将了解有关函数和对象的更多信息。现在，只需记住console.log()关键字用于将内容打印到控制台即可。接下来，我们就开始学习JavaScript代码结构。5 - JavaScript 代码结构计算机程序是写在文本文件中的一系列代码段。然后，这些文本文件通过专门为运行代码而设计的软件来运行。您之前下载的Node.js软件是处理JavaScript代码的工具。在进一步讨论之前，让我们先了解一下代码的结构。声明语句是计算机运行的一条指令。把它想象成一个句子，但是对于计算机来说。我们可以使用分号结束语句，;就像我们可以使用点结束句子一样.您可以在一行中编写多个语句，但约定是每行编写一个语句：/ This is hard to readconsole.log("Hello World!"); console.log("I'm learning JavaScript");/ Now it's betterconsole.log("Hello World!");console.log("I'm learning JavaScript");每个语句都是执行代码的软件需要执行的某些操作的表达式。评论在编程中，注释是我们用来传达文件中编写的代码上下文的文本。要在 JavaScript 中编写注释，您需要/在注释前添加两个