用户:
芜湖咸鱼查看:3 回复:10 评论:3 创建时间:2021-07-25T21:39:56
先看图

然后再看代码:
/**
* @function 方块下坠
* 标记一个(没有支撑的)方块, 并递归地让上方的方块下落
* ```javascript
* 注意, 在虚空会被当做空气计算, 因此不要指定y=0的方块!
* ```
*
* @param {number} x - x坐标
* @param {number} y - y坐标
* @param {number} z - z坐标
*
* ### 模型图(■表示方块,▢表示空气, 纵坐标方向看作高度, y为参数中的y):
*
* ```javascript
* ... `↓第二步是处理时的步骤, 正常情况不会显示`
* y + 1 ■ > ■ > ▢
* y + 0 ■ > ▢ > ■
* y - 1 ▢ > ■ > ■
* ...
* ```
* @example 简单例子
* ```javascript
* fallBlock(喵,2,喵)
* ```
*
*/
function fallBlock(x, y, z) {
//内部代码省略
}
(没错注释比代码还长)
这里就要介绍我们的主角: JSDoc
JSDoc是一种JS注释的规范, 标志就是第一行以/**开头, 下面每行开头都是*, 最后一行是*/ 的格式, 其中@function,@param被称为标签, 有着不同的含义, 而在Monaco Editor编辑器引擎中, 注释中也是可以使用markdown语法的(部分语法因为Box3奇特的加载模式而会显示异常), 这里面用到的几个标签有: @function(函数) @param(参数) @example(示例), 这些也不是乱填的, @function 其实是@kind function的别名, 而@param可以标记参数, 后面的大括号中就是参数类型, - 后面就是参数的描述, 最棒的是, 当你鼠标悬浮在对应参数或者调用函数的时候输入对应参数, 就会给出对应的提示, 如下图:

更多JSDoc的信息, 可以自行搜索"JSDoc".
下面介绍一个我的小技巧:
仔细看第一张图, 有些文字竟然是有颜色的? 这是为什么?
其实你可以尝试在代码中直接输入中文, 就会变成这样的红色, 这就是因为注释中markdown的代码块标记, 使用了JavaScript语法, 于是MonacoEditor就把他自带的主题用来显示代码配色了~
可以用这种办法强调注释中的重点
另外, 我的注释中也出现了方块符号, 这个其实可以通过按 Windows+句号 打开(仅Win10及以上), 然后找到几何符号, 就可以使用各种方块符号啦(但是使用彩色表情符号会导致乱码)