ArkTS 学习笔记

一、鸿蒙 ArkTS 工程目录结构

• src > main > ets：存放 ArkTS 源码
• src > main > ets > pages：存放应用页面代码
• src > main > resources：存放资源文件（图形、多媒体、字符串等）

二、基础代码注解

@开头为装饰器：修饰代码，定义代码作用

1. @Entry：程序入口
2. @Component：标识下面代码为组件，界面上所有可见内容都是组件
3. @State：状态装饰器，修饰的数据为响应式数据，数据变化，视图自动刷新
4. build()：界面构建函数，所有可见 UI（文字、图片等）写在build(){}内部
5. RelativeContainer()、Text()：系统内置 UI 组件；组件后.链式调用用于设置外观、功能

三、ArkTS 基础语法

1. 变量

数据类型	说明
string	字符串（文字）
number	数字
boolean	布尔（状态 true/false）

声明格式：

let 变量名:数据类型 = 值

2. 数组

格式：

let 数组名:类型[] = [数据1,数据2,数据3]

示例：

let titles: string[] = ['创意橘子花瓶','创意橘子水瓶','创意橘子花盆']

取值：titles[0]

3. 对象

作用：一次性保存多个不同类型数据，类似结构体

1. 先使用 interface 定义数据结构

   interface 接口名 {
   title:string
   price:number
   }

2. 创建对象

   let 对象名: 接口名 = {
   title: '创意橘子花瓶',
   price: 12.99
   }

取值：对象名.title

4. 普通函数

定义：

function 函数名 (参数1: 类型, 参数2: 类型) {  
  return 2 * 3.14 * r
}

调用：

let c1: number = calc(数据1,数据2)

5. 箭头函数（匿名函数）

定义：

let 函数名 = (参数1: 类型, 参数2: 类型) => {
  return 参数1 + 参数2
}

调用：

函数名(数据1,数据2)