HarmonyOS 鸿蒙Next中关于程序注释内容在调用时查看记录

HarmonyOS 鸿蒙Next中关于程序注释内容在调用时查看记录 很早之前,发现官方提供了代码DOC文档(程序注释)生成方法(https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-arktsdoc),主要是为了提供给开发者一种代码功能说明的工具。例如下图,提供了额外的说明文本,方便在调用(智能提示等)时,概要解释当前函数等的作用、使用方式等。

cke_3487.png

下面附上测试代码

@Entry
@Component
struct CSzhushi {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('CSzhushiHelloWorld')
        .fontSize($r('app.float.page_text_font_size'))
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          this.message = 'Welcome';
        })
    }
    .height('100%')
    .width('100%')
  }
}

function cd(){
  let l:cslei = new cslei(1,2);
  l.csfangfa(3);
  let k:csjiekou = {
    k1: 0,
    k2: 0
  }
}


/**
 * 这是测试类
 */
class cslei{
  /**
   *测试类构造函数
   * @param l参数一
   * @param l2参数二
   */
  constructor(l:number,l2:number) {

  }

  /**
   * 测试类的测试方法
   * @param k,参数一
   */
  csfangfa(k:number){

  }
}

/**
 * 这是测试接口
 * @param k2,接口属性二
 */
interface csjiekou{
  /**
   * 接口属性一
   */
  k1:number,
  k2:number
}

在调用时,可以在提示框中快速查看函数等说明,使用不同的标记、在不同的地方注释,会在对应情况进行显示,详细操作参考官方问文档(https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-arktsdoc

示例:

1.类注释

cke_114299.png

显示:

类之前注释,这在作为类型时显示

cke_128018.png

方法之前注释,则在调用时进行显示

cke_190998.png

2.接口注释

cke_200442.png

显示:

cke_214739.png

cke_219486.png

这种方式,对于文件之间引用很复杂的情况特别有用,不需要定位到代码源位置,即可了解当前调用对象的作用说明。

小技巧:建议在代码写完后再去注释,这样会自动填充一部分内容,减少注释工作量。


更多关于HarmonyOS 鸿蒙Next中关于程序注释内容在调用时查看记录的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

666

更多关于HarmonyOS 鸿蒙Next中关于程序注释内容在调用时查看记录的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


666

希望HarmonyOS能加强与其他品牌设备的兼容性,让更多人受益。

赞,整理的很全面,收藏了。

在HarmonyOS Next中,程序注释可通过IDE的代码提示功能查看。开发者编写代码时,将光标悬停在函数、类或变量上,会显示对应的注释内容。系统支持标准注释格式,如单行注释(//)和多行注释(/* */)。注释内容在调用时不会自动生成日志记录,主要用于代码理解和维护。

在HarmonyOS Next开发中,通过规范的JSDoc/TSDoc风格注释,IDE(如DevEco Studio)能够自动提取并在代码提示、悬停查看时显示这些文档内容,极大提升了代码的可读性和团队协作效率。

您提供的示例和链接的官方指南清晰地展示了这一功能的核心用法:

  1. 注释位置与作用:在类、接口、方法、属性等声明上方使用 /** ... */ 格式的注释。这些注释内容会在智能感知(如代码补全、参数提示)和鼠标悬停时显示,无需跳转到源码定义处。

  2. 常用标签

    • @param:描述函数或构造函数的参数。
    • @returns@return:描述返回值。
    • @example:提供使用示例。
    • 对于类、接口本身的注释,会作为其类型的说明显示。
  3. 您的代码示例分析

    • cslei 类及其构造函数、csfangfa 方法的注释,在实例化或调用时会显示对应的描述和参数说明。
    • csjiekou 接口的注释,在将变量声明为该接口类型或访问其属性时会显示。

关键点:此功能依赖于IDE的静态代码分析能力,是开发时内嵌的即时文档支持,与是否需要生成独立的API参考文档(如通过ohos-tsdoc工具)是互补的。遵循此注释规范,能直接在日常编码中获得“所见即所得”的文档辅助体验。

您总结的“在代码写完后再去注释”是一个很好的实践,因为IDE通常能基于函数签名自动生成注释框架,开发者只需填充描述即可,效率更高。

回到顶部