跳转至

JavaScript 基础教程

百科中对 JavaScript 的介绍

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发 Web 页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript非彼JavaScript

JavaScript 是一种语言,被广泛用于不同的场景。最大的用途之一便是网站开发,但是在Box3中,JavaScript被作为一种编写游戏逻辑的脚本语言, 网上许多关于JavaScript的文章1是针对网站开发场景,因此对于Box3来说,这些代码可能并不适用,但是基本语法是通用的。

给初学者的话

许多萌新对代码编程抱有恐惧或抵触心理,认为代码十分晦涩难懂,因而放弃学习代码,其实不然。 代码是由人类创造的,是人与计算机沟通的桥梁。代码是一种富含逻辑的语言,任何一项规则都可以追溯“为什么”, 当你完全学会代码以后,你会惊叹于代码严密而精明的逻辑,感受到其独特的魅力。

也许还有人觉得,代码充满英文,英语不好就学不会,其实也不然。代码中的英文多为表意,即注重单词所表达的意思, 而不必拘泥于英文语法。而且代码中每个词都是有意义的,基本不会出现“固定搭配”之类的情况。因此,学习代码是十分轻松的, 甚至还能为你的文化课学习提供帮助。

准备好学习 JavaScript 了吗?

在这之前,首先要熟悉 Box3 中的编程界面。

折叠和展开部分内容

为了适应不同人群,教程中某些部分内容默认是折叠的(例如上面"给初学者的话"部分),你可以根据需要来选择跳过或者展开。 要展开或者折叠内容,只需点击标题即可。

熟悉编程界面

进入任意一个地图,点击左上角的图标,即可进入编程界面(下图,初始情况下代码编辑器中没有内容) 编程界面

还有一部分被隐藏了,那就是 调试控制台(简称控制台)。需要点击右上角的“虫子”图标打开。 控制台图标

如果你正处在编程界面,那么调试控制台会显示在底部,拖动分割线可调整大小 控制台面板

如果关闭了编程界面,点击调试控制台的图标后,控制台将以透明的方式展现在右侧区域(如果控制台没有内容,则显示为透明。默认情况下控制台是空的)

控制台叠加层

你已经熟悉了编程界面的基本布局,这是它们各自的作用:

  • 代码编辑器:编写代码的区域,也是最重要的区域。我们需要在这里编写代码。
  • 文件选项卡:用来切换代码编辑器对应的文件,可以用来编辑不同代码文件中的代码。
  • 控制台(Console:程序“说话”的地方。程序的运行信息、调试内容、错误等等,都会显示在这里。同时你还可以用底部的输入框输入代码并测试结果。

了解这些以后,就可以着手开始编写第一行代码了! 按照编程传统,我们所编写的第一个程序往往是 输出hello, world 。 点击右下角的 下一页 链接即可继续。


  1. 这些文章中的代码大多带有document.window.jQueryVueReact等等,都是针对网站开发的,并不适用于 Box3.浏览文章资料时要注意辨别。 

评论区