猫史档案馆


[友谊喵揭晓] 来认识一下JSDoc

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


先看图

center_image

然后再看代码:

/**
 * @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可以标记参数, 后面的大括号中就是参数类型, - 后面就是参数的描述, 最棒的是, 当你鼠标悬浮在对应参数或者调用函数的时候输入对应参数, 就会给出对应的提示, 如下图:

center_image

 

更多JSDoc的信息, 可以自行搜索"JSDoc".

下面介绍一个我的小技巧:

  仔细看第一张图, 有些文字竟然是有颜色的? 这是为什么?

其实你可以尝试在代码中直接输入中文, 就会变成这样的红色, 这就是因为注释中markdown的代码块标记, 使用了JavaScript语法, 于是MonacoEditor就把他自带的主题用来显示代码配色了~

可以用这种办法强调注释中的重点

 

另外, 我的注释中也出现了方块符号, 这个其实可以通过按 Windows+句号 打开(仅Win10及以上), 然后找到几何符号, 就可以使用各种方块符号啦(但是使用彩色表情符号会导致乱码)

 

 

 

 

 

 

 


回复

上一页1 页 / 共 1下一页
打酱油的企鹅呀打酱油的企鹅呀

牛蛙牛蛙emotion_编程猫_点赞

点赞0


评论


打酱油的企鹅呀打酱油的企鹅呀

sofa

点赞0


评论


成熟的强袭编程猫548成熟的强袭编程猫548

前排

点赞0


评论


神兽喵神兽喵

针不戳但我想看方块坠落(

点赞0


评论


神岛吉吉喵神岛吉吉喵

emotion_编程猫_加油

点赞2


评论


未命名用户015734未命名用户015734

好诶 萌新助力器(

点赞0


评论


蒟蒻OIer1048576蒟蒻OIer1048576

真正的程序员不会写注释,难写的程序必然难读。

点赞0


评论


化石茄子的铁镐化石茄子的铁镐

。。。

点赞0


评论


植物月光花植物月光花

console.clear();

点赞0


评论


魔以侵心魔以侵心

厉害啊

点赞0


评论