鸿蒙开发TypeScript第一课:类型的声明

这里只教鸿蒙的ts语言,因为鸿蒙做了更严格的限制,一些不能在鸿蒙中运行的语法,直接跳过不教。

第一课关键点:变量和方法都是冒号加类型,记得类型用的是小写的

直接上代码:

/**
 * 第一课:类型的声明
 * 变量和方法都是冒号加类型,记得类型用的是小写的
 */
@Entry
@Component
struct Lesson_1_type_Page {
  @State message: string = 'lesson_1_type_Page';


  aboutToAppear(): void {
    // 变量的声明示例:
    let name:string

    // 第二点:没赋值不能使用
    // console.log(name)

    // 第三点:类型可自行推导
    let age = 100 //这里age就是number类型
  }

  // 方法的声明
  add():number{
    let a = 100
    return a
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('Lesson_1_type_PageHelloWorld')
        .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%')
  }
}
教程项目的全部源码图:

在这里插入图片描述

有需要完整教程demo的私信我,我每天都看私信的。

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐