跳到主要内容

2:在JavaScript与积木编程之间切换

掌握"切换技巧"：更快地编写JavaScript​

虽然专业开发者会直接在编辑器中编写代码，但对于初学者和中级用户来说，最强大的秘诀是积木转JavaScript"切换技巧"。这种方法让你利用积木编程的速度，即时生成复杂的JavaScript语法。

1. 如何在积木与JavaScript之间切换​

MakeCode编辑器被设计为双向的。这意味着你在一个视图中做的任何修改都会立即翻译到另一个视图中。

  1. 切换按钮： 在屏幕顶部中央，你会看到标有积木（Blocks）和JavaScript（或Python）的切换按钮。
  2. 切换到JavaScript： 点击"JavaScript"，你搭建的积木就会被转换为高质量的静态TypeScript代码。
  3. 切回积木： 点击"积木"，你编写的文本代码将被转回可视化积木块。

注意：如果你编写了积木系统不支持的复杂JavaScript（例如自定义类），编辑器会将那些部分显示为"灰色文本块"。

2. 使用"切换技巧"加速编程​

从零开始写代码可能很慢，因为你需要记住准确的拼写和分号的位置。使用以下工作流程可将你的编程速度提升三倍：

第一步：用积木打草稿 如果你需要一个复杂功能，比如带有特定音乐的"红色警报"警报器，先用积木拼接出来。拖一个 play melody 积木只需要几秒钟。

第二步：切换开关 点击JavaScript按钮。MakeCode已经为你写好了所有代码，包括正确的引脚名称（如 DigitalPin.P2）和旋律的音符数组。

第三步：重构并"强化升级" 现在代码的"骨架"已经有了，留在JavaScript中增加积木难以实现的高级功能：

  • 封装： 将代码包装到专业的类中。
  • 复制： 快速复制粘贴代码行，创建10种不同的情绪，而不需要拖10组积木。
  • 数学： 键入类似 (t * 0.0171821) 的复杂方程，比拼接5个数学积木快得多。

3. 编写整洁且可复用的代码（OOD）​

使用"切换技巧"可以帮助你正确地调用基本API，但面向对象设计（OOD）才能让你的代码达到专业水准。

  • 类即蓝图： 与其分别为PU的左眼和右眼编写代码，不如写一个 Eye 类并创建两个"实例"。
  • 单一职责： 将 Sonar（声呐）逻辑与 Talking（说话）逻辑分开。这样你下个月就能直接把你的 Sonar 类"复制粘贴"到一个全新的项目中，而不会带入所有说话相关的代码。
  • DRY（不要重复自己）： 如果你发现自己把同一段代码复制了三遍，就该把那段代码变成类中的一个方法。

4. 编译与上传​

JavaScript准备好后，将其部署到PU机器人的过程很简单：

  1. 连接： 将micro:bit插入电脑。
  2. 配对（可选）： 点击齿轮图标并选择"配对设备"以使用WebUSB。这使"下载"按钮可以直接烧录代码。
  3. 手动烧录： 如果没有配对，点击下载会生成一个 .hex 文件。将此文件从电脑的"下载"文件夹拖到 MICROBIT 驱动器中。