推特：@WTFAcademy_ ｜ @0xAA_Science

WTF Academy社群： 官网 wtf.academy | WTF Solidity教程 | discord | 微信群申请

所有代码和教程开源在github: github.com/WTFAcademy/WTF-JavaScript

2023年，WTF Academy 将开发一个零基础入门的 JavaScript 教程，帮助新人进入 Web3 开发。第一讲，我们将介绍什么是 JavaScript，并编写第一个JavaScript 程序：Hello JavaScript（两行代码）。

JavaScript 是一种用于与网页元素交互的轻量型编程语言。前端开发者可以将它与 HTML/CSS 结合并增强网页的功能，例如动态更新网页内容，网页交互等。现在，JavaScript 也可以在服务器（后端）通过 Node.js 运行，用于更新数据库、文件系统等。

根据2022年Stack Overflow社区年度调查显示，JavaScript 已经连续十年成为最受开发者欢迎的一门编程语言。学习 JavaScript 不仅是普通 web 开发者的必备技能，同时也是全栈 web3 学习者的必要知识。

playcode是一个在线编译javascript的平台，你不需要在本地安装任何程序就可以运行.js文件，非常方便。本教程将使用 playcode 进行代码演示，未来也将在 wtf.academy 的教程中嵌入可互动代码模块。你可以在链接上找到这一讲的代码。

你可以使用本地 VS Code 进行开发，需要安装Node.js，我们会在之后的章节介绍如何使用它。

下面，我们要写第一个 JavaScript 程序：Hello JavaScript。在这个程序中，我们定义了一个变量，并将它的值输出到控制台。

代码:

let hello = "Hello JavaScript!";
console.log(hello);

输出:

下面，我们逐行学习一下。

1. 第 1 行，我们利用 let 关键字定义了一个名为 hello 的变量，并将"Hello JavaScript!" 赋值给它，最后以分号 ; 结束这一行语句。

let hello = "Hello JavaScript!";

2. 第 2 行，我们利用内置函数 console.log 将 hello 变量的值输出到控制台，让人们可以看到。

console.log(hello);

你不理解下面这段话也没关系，不妨碍你继续学习 JavaScript，因为我也不是很理解！

如果说编程语言是人类与机器沟通的语言，那么程序是一篇篇文章，代码是其中的文本。Javascript 程序运行的大致步骤如下：

1. 程序员完成一段代码。

let hello = "Hello JavaScript!";

2. 将代码提交给编译器（compiler）编译。首先，编译器会将代码分解为单个的令牌（token）。上面的语句会被分解为 5 个令牌: let, hello, =, "Hello JavaScript!", 和 ；。

3. 接下来，令牌会被重新组织成一个树状结构，也叫抽象语法树（Abstract Syntax Tree, AST）。你可以在AstExplorer上输入代码，并查看生成的抽象语法树。

4. 最后，编译器会将结构化的抽象语法树转换并生成计算机能运行的的机器码。

如果你的代码没有按照编程语言的语法来写，编译器就无法把它解析为机器能懂的机器码，那么程序就无法运行。这时，你就要去找出程序的bug并修复它。在未来的教程中，我们将介绍更多的 JavaScript 语法。

将 Hello Javascript 程序中变量 hello 的值改为 “Hello WTF Academy!”，并观察控制台的输出。

第一讲，我们介绍了什么是 JavaScript，为什么要学习它，JavaScript 开发工具，并编写了第一个仅有两行的 JavaScript 程序：Hello JavaScript。接下来，我们将继续 JavaScript 之旅！