【胡桃讲编程】JS 入门第 1 课：Hello World，开启你的 JavaScript 编程之旅

专栏：原神第二课堂｜胡桃讲编程之 JS｜零基础手机 JSide 实操教程 适用人群：编程零基础、学生党，仅使用手机 JSide 软件即可完成全部练习 工具环境：JSide（手机端 JavaScript 编辑器，无需电脑、无需配置环境）

@龙沅可

前言

各位旅行者、编程萌新大家好！欢迎来到胡桃的 JSide 编程小课堂。很多小伙伴觉得编程门槛很高，需要昂贵的电脑、复杂的软件配置，一大堆看不懂的专业术语，望而生畏。但今天这一节课，我们打破固有认知，只用手机上的 JSide 软件，不需要任何编程基础，跟着实操，就能写出属于自己的第一行 JavaScript 代码。

几乎所有编程语言的入门第一课，都会写Hello World，这是程序员世界的一种仪式感。就好比玩《我的世界》中敲下第一块木头，开启整个生存冒险；如同踏入提瓦特大陆，开启属于自己的旅途。我们通过一行简单的输出代码，完成人与机器的第一次对话，告诉计算机："我来了，请接收我的指令"。

JSide 最大的优势就是零配置，手机下载完成，打开新建文件就可以直接写代码，写完点击运行按钮立刻查看执行结果，即时反馈带来满满的成就感。本节课我们主要学习两大核心知识点：使用print()函数实现内容输出，以及代码注释的写法。课程全程实操向，看完跟着敲代码，你就可以顺利完成入门作业。

一、为什么入门必写 Hello World？

很多初学者会疑惑，为什么不管是 JavaScript、Python、C++，几乎所有编程语言入门，都要输出一句 "Hello World"？

它本身业务价值几乎为零，不会实现复杂功能，但它承担着非常重要的验证作用。第一，它用来验证我们的编程环境是否正常可用，代码能不能正常运行；第二，帮助新手熟悉代码书写格式，感受代码、运行、查看结果的完整流程；第三，建立起人和计算机沟通的初步认知：编程本质就是人书写指令，计算机读懂并且执行指令。

放到我们今天使用的 JSide 场景，我们不需要配置环境变量，不用安装复杂工具，手机随手就能写代码。对比传统电脑端编程，省去大量环境踩坑的时间，新手可以把全部精力放在理解代码逻辑本身。

类比游戏理解：Minecraft 里面输入命令方块指令/say 你好世界，游戏聊天栏就会弹出对应文字。而 JSide 里面的print()函数，就等价于这个/say指令，专门用来让程序 "说话"，把文字展示在控制台当中。

二、核心知识点 1：print () 输出函数，让程序开口说话

print()是 JSide 内置的输出函数，作用就是把括号内的内容打印输出到控制台，是我们和程序交互最基础的手段。

标准 Hello World 代码（JSide 适配版）

打开 JSide，点击右下角+号，新建 JavaScript 文件，复制或者手动输入下面代码：

print("Hello World");

写完点击编辑器顶部三角样式的运行按钮 ，下方控制台就会输出文本：Hello World。

恭喜你！到此，你已经完成人生第一行 JavaScript 代码。

🚨零基础高频踩坑点（务必牢记）

很多新手写完代码直接报错，大部分都是符号格式问题，胡桃整理了 3 个最容易踩的坑，写代码时刻留意：

1. 引号必须是英文双引号 ：""，切换手机英文输入法输入。中文引号""会直接标红报错。符号错误是初学者最高发问题，就像 MC 命令方块输入中文符号指令无法识别。
2. 圆括号必须英文括号 ：print()的左右括号，不能写成中文全角括号（），少写、漏写括号都会报错。
3. 行尾分号;：ECMA 标准允许省略分号，代码依旧可以运行。但强烈建议新手每一行语句末尾加上分号，养成良好编码习惯，就像写中文句子末尾加上句号。

小提示：JSide 编辑器会语法校验，如果代码出现红色波浪标记，优先检查引号、括号是不是中文符号。

趣味实操：自定义输出内容

引号中间不仅仅只能写Hello World，我们可以修改引号内部的文字，让程序输出任意我们想要的内容。我们可以结合原神、游戏的趣味场景练习：

print("往生堂营业中，打八折哦！");
print("今天也要肝MC自动农场！");

修改完成，点击运行，控制台就会打印我们自定义的文字。你可以自由替换引号内文字，输出你的昵称、喜欢的句子，多多尝试感受输出函数的效果。

三、核心知识点 2：注释，给代码贴上便签

当代码越来越多，写的指令越来越复杂，隔一段时间回头看，很容易忘记每一段代码的用途。分享给其他小伙伴的时候，别人也很难读懂你的思路。这个时候就轮到注释登场。

注释就是写在代码里面的备注说明。JSide 会直接忽略注释内容，不会执行注释里面的文字，注释仅仅给程序员阅读使用。

类比游戏理解：就好比给 Minecraft 命令方块贴上纸质便签，写上 "这个方块用来刷钻石"、"这个用来整蛊好友"，游戏本身不会读取便签文字，只供玩家自己查看。注释就是代码世界的便签。

JavaScript 注释分为两种：单行注释、多行注释。

1. 单行注释 //

两个斜杠//代表单行注释，只对当前一行生效，适合简短的备注说明。在 JSide 编辑器中，注释内容会自动变成灰色，和真正执行的代码做区分，方便肉眼分辨。

示例代码：

// 这是我的第一行JS代码，输出Hello World
print("Hello World");

// 输出原神专属问候
print("旅行者，该刷圣遗物啦！");

单行注释还有一个超实用小技巧：临时屏蔽代码。如果某一行代码暂时不想运行，又不想直接删除，直接在代码行最前面加上//，程序就会跳过这一行。后续想要恢复运行，删掉//即可。

print("Hello World");
// print("往生堂打八折"); // 这一行被注释，暂时不会运行

2. 多行注释 /* */

当我们需要写一大段说明文字，比如写课程作业说明、功能介绍，一行放不下的时候，就使用多行注释。以/*作为开头，*/作为结尾，中间包裹的所有内容，无论多少行，全部都是注释，不会被程序执行。

示例：

/*
基础班第1课作业
功能：输出两句话
工具：JSide手机编程软件
备注：认真敲代码，不报错！
*/
print("Hello World");
print("学编程超简单！");

小建议：写代码养成写注释的习惯。不要觉得注释多余，后续复习、或者把代码分享给他人，注释会帮你省下大量理解时间。

四、JSide 保姆级完整实操步骤

零基础小伙伴跟着下面步骤一步步操作，保证可以顺利跑通代码：

1. 打开 JSide 软件，点击右下角+加号按钮，选择新建JavaScript文件；
2. 在空白编辑区域，输入完整代码（可以带上注释一起写）；
3. 点击编辑器顶部三角箭头的运行按钮，等待 1 秒左右；
4. 软件底部控制台区域查看运行结果；灰色文本是注释，不会输出，控制台只会展示 print 打印出来的文字；
5. 点击保存，自定义文件名，例如第1课_HelloWorld，方便后续复习回看。

五、课程知识点总结

本节课我们完成 JavaScript 入门第一课，核心就两个知识点，大家可以收藏本篇文章，方便复习回顾：

1. print () 输出函数 ：JSide 内置函数，语法print("输出的文字");，可以在控制台打印文本。⚠️注意引号、括号必须使用英文符号。
2. 注释语法
   • 单行注释：//，用于单行简短备注，可以临时屏蔽代码；
   • 多行注释：/* 内容 */，适合大段文字说明；
   • 注释仅人类阅读，计算机不会执行注释内容。

六、课后作业（5 分钟即可完成）

学完知识点一定要动手实操，敲代码才是学会编程的关键，按照下面要求完成作业：

1. 写出标准Hello World代码，添加单行注释，备注 "这是我的第一行 JavaScript 代码"；
2. 新增一行print()语句，输出你的昵称；
3. 使用多行注释，在代码最顶部写上你的名字、本次学习时间；
4. 将文件保存，文件名设置为第1课_我的作业。

参考作业模板：

/*
姓名：XXX
学习时间：XXXX
课程：JS第1课 HelloWorld
*/
// 这是我的第一行JavaScript代码
print("Hello World");
print("我是胡桃");

运行完成，控制台正常输出文字，代表作业顺利完成。

写在最后

编程从来不是只有天才才可以掌握的技能，就像玩游戏一样，循序渐进练习就可以稳步提升。本节课我们迈出 JavaScript 学习的第一步，熟悉了输出与注释。下一节课我们将会学习变量，类比 Minecraft 命名牌的概念，带大家搞懂变量的用法。