一、ArkTS语法学习

news2025/5/11 9:54:03

一、ArkTS语法学习

  • 1 ArkTS语法简介
  • 2 声明
    • 2.1 变量声明
    • 2.2 常量声明
    • 2.3 自动类型推断
  • 3 类型
    • 3.1 基本类型和引用类型
    • 3.2 基本数据类型
      • 3.2.1 number类型
      • 3.2.2 boolean类型
      • 3.2.3 string类型
      • 3.2.4 void类型
    • 3.3 引用类型
      • 3.3.1 Object类型
      • 3.3.2 arry类型
      • 3.3.3 enum类型
      • 3.3.4 Union类型
      • 3.3.5 Aliases类型
  • 4 运算符
    • 4.1 赋值运算符
    • 4.2 比较运算符
    • 4.3 算术运算符
    • 4.4 位运算符
    • 4.5 逻辑运算符
  • 5 语句
    • 5.1 If语句
    • 5.2 Switch语句
    • 5.3 条件表达式
    • 5.4 For语句
    • 5.5 For-of语句
    • 5.6 While语句
    • 5.7 Do-while语句
    • 5.8 Break语句
    • 5.9 Continue语句
    • 5.10 Throw和Try语句
  • 6 函数
    • 6.1 函数声明
    • 6.2 可选参数
    • 6.3 Rest参数
    • 6.4 返回类型
    • 6.5 函数的作用域
    • 6.6 函数调用
    • 6.7 函数类型
    • 6.8 箭头函数(Lambda函数)
    • 6.9 闭包
    • 6.10 函数重载
  • 7 类
    • 7.1 字段
      • 7.1.1 实例字段
      • 7.1.2 静态字段
      • 7.1.2 字段初始化
    • 7.2 getter和setter
    • 7.3 方法
      • 7.3.1 实例方法
      • 7.3.2 静态方法
    • 7.4 继承
      • 7.4.1 父类访问
      • 7.4.2 方法重写
      • 7.4.3 方法重载签名
    • 7.5 构造函数
      • 7.5.1 派生类的构造函数
      • 7.5.2 构造函数重载签名
    • 7.6 可见性修饰符
      • 7.6.1 Public(公有)
      • 7.6.2 Private(私有)
      • 7.6.3 Protected(受保护的)
    • 7.7 对象字面量
      • 7.7.1 Record类型的对象字面量
    • 7.8 抽象类
      • 7.8.1 抽象方法
    • 7.9 接口
      • 7.9.1 接口属性
      • 7.9.2 接口继承
      • 7.9.3 抽象类和接口
  • 8 泛型类型和函数
    • 8.1 泛型类和接口
    • 8.2 泛型约束
    • 8.3 泛型函数
    • 8.4 泛型默认值
  • 9 空安全
    • 9.1 非空断言运算符
    • 9.2 空值合并运算符
    • 9.3 可选链
  • 10 模块
    • 10.1 导出
    • 10.2 导入
      • 10.2.1 静态导入
      • 10.2.2 动态导入
      • 10.2.3 导入HarmonyOS SDK的开放能力
    • 10.3 顶层语句
  • 11 关键字
    • 11.1 this
  • ArkUI支持
  • ArkUI示例
  • 详细语法信息

1 ArkTS语法简介

  1. ArkTS语法官方指南

  2. ArkTS全称为Ark TypeScript

    • Ark源自华为方舟编译器(Ark Compiler)
    • 方舟编译器​​是华为自研的高性能编译器,最初用于优化 Android 应用的运行效率(如提升启动速度、降低内存占用)。它是华为在软件底层技术领域的重要创新。
  3. ArkTS是一种为构建高性能应用而设计的编程语言。ArkTS在继承TypeScript语法的基础上进行了优化,以提供更高的性能和开发效率。

  4. 随着移动设备在人们的日常生活中变得越来越普遍,许多编程语言在设计之初没有考虑到移动设备,导致应用的运行缓慢、低效、功耗大,针对移动环境的编程语言优化需求也越来越大。ArkTS是专为解决这些问题而设计的,聚焦于提高运行效率

  5. 目前流行的编程语言TypeScript是在JavaScript基础上通过添加类型定义扩展而来的,而ArkTS则是TypeScript的进一步扩展。TypeScript深受开发者的喜爱,因为它提供了一种更结构化的JavaScript编码方法。ArkTS旨在保持TypeScript的大部分语法,为现有的TypeScript开发者实现无缝过渡,让移动开发者快速上手ArkTS。

  6. ArkTS的一大特性是它专注于低运行时开销ArkTS对TypeScript的动态类型特性施加了更严格的限制,以减少运行时开销,提高执行效率。通过取消动态类型特性,ArkTS代码能更有效地被运行前编译和优化,从而实现更快的应用启动和更低的功耗。

  7. 与JavaScript的互通性是ArkTS语言设计中的关键考虑因素。鉴于许多移动应用开发者希望重用其TypeScript和JavaScript代码和库,ArkTS提供了JavaScript的无缝互通,使开发者可以很容易地将JavaScript代码集成到他们的应用中。这意味着开发者可以利用现有的代码和库进行ArkTS开发。

  8. 为了确保应用开发的最佳体验,ArkTS提供对方舟开发框架ArkUI的声明式语法和其他特性的支持。由于此部分特性不在既有TypeScript的范围内,因此我们在《ArkUI支持》一章中提供了详细的ArkUI示例。

  9. 本教程将指导开发者了解ArkTS的核心功能、语法和最佳实践,使开发者能够使用ArkTS高效构建高性能的移动应用。

2 声明

ArkTS通过声明引入常量、变量、函数、类型

2.1 变量声明

  • 关键字let开头的声明引入变量,该变量在程序执行期间可以具有不同的值
let hi:string = 'hello';
hi = 'hello,world';

2.2 常量声明

  • 关键字const开头的声明引入只读常量,该常量只能被赋值一次
const hello:string = 'hello';
  • 对常量重新赋值会造成编译时错误

2.3 自动类型推断

  • 由于ArkTS是一种静态类型语言,所有数据的类型都必须在编译时确定
  • 但是,如果一个变量常量的声明包含了初始值,开发者不需要显示指定其类型。
  • ArkTS规范中列举了所有允许自动推断类型的场景。
  • 例子:
let hi1:string ='hello';
let hi2 = 'hello,world';

3 类型

3.1 基本类型和引用类型

  • 基本数据类型
    • 包括numberstring等简单类型,可有准确地表示单一的数据类型。
    • 确保数据在存储和访问时是直接的,比较时直接比较其值。
  • 引用类型
    • 包括对象数组函数等,通过引用访问的复杂数据结构。
    • 对象数组可以包含多个值或键值对,函数可以封装可执行的代码逻辑。
    • 引用类型在内存中通过指针访问数据,修改引用会影响原始数据。

3.2 基本数据类型

3.2.1 number类型

  1. 任何整数浮点数都可以被赋给此类型的变量
  2. 数字字面量包括整数字面量十进制浮点数字面量
    • 整数字面量包括一下类别:
      • 由数字序列组成的十进制整数。例如:0、117、-345
      • 以0x(0X)开头的十六进制整数,可以包含数字(0-9)和字母a-f或A-F。例如:0x1123、0x00111、-0xF1A7
      • 以0o(0O)开头的八进制整数,只能包含数字0-7。例如:0o777
      • 以0b(0B)开头的二进制整数,只能包含数字0和1。例如:0b11、0b0011、-0b11
    • 浮点字面量包含以下:
      • 十进制整数,可为有符号数(即,前缀为“+”或“-”)
      • 小数点:(“.”)
      • 小数部分(由十进制数字字符串表示)
      • 以“e”或“E”开头的指数部分,后跟有符号(即,前缀为“+”,“-”)或无符号整数
let n1 = 3.14;
let n2 = 3.141592;
let n3 = .5;
let n4 = 1e2;

function factorial(n:number):number {
	if(n <= 1){
		return 1;
	} 
	return n * factorial(n-1);
}

factorial(n1)  //  7.660344000000002 
factorial(n2)  //  7.680640444893748 
factorial(n3)  //  1 
factorial(n4)  //  9.33262154439441e+157 
  1. number类型在表示大整数时会造成精度丢失。在开发时可以按需使用biglnt类型确保精度
let bigIntger:BigInt = BigInt('999999999999999999999999999999999999999999999999999999999999');
console.log('bigIntger' + bigIntger.toString());

3.2.2 boolean类型

  1. boolean类型由truefalse两个逻辑值组成
  2. 通常在条件语句中使用boolean类型的变量:
let isDone:boolean = false;
// ...

if(isDone) {
	console.log('Done!');
}

3.2.3 string类型

  1. string代表字符序列,可以使用转义字符来表示字符
  2. 字符串字面量由**单引号(')双引号(“”)之间括起来的零个或多个字符组成。字符串字面量还有以特殊形式,是用反向单引号(`)**括起来的模板字面量。
let s1 = 'Hello, world!\n';
let s2 = "this is a string";
let a = 'Success';
let s3 = `The result is ${a}`;

3.2.4 void类型

  1. void类型用于指定函数没有返回值
  2. 此类型只有一个值,同样是void。由于void是引用类型,因此他可以用于泛型类型参数
class Class<T> {
	// ...
}
let instance:Class<void>

3.3 引用类型

3.3.1 Object类型

  1. Object类型是所有引用类型的基类型
  2. 任何值,包括基本类型的值(它们会被自动装箱),都可以直接被赋给Object类型的变量。object类型则可用于表示除基本类型外的类型。

3.3.2 arry类型

  1. array,即数组,是由可赋值给数组声明中指定的元素类型的数据组成的对象
  2. 数组可由数组符合字面量(即用方括号括起来的零个或多个表达式的列表,其中每个表达式为数组中的一个元素)来赋值。数组的长度由数组中元素的个数来确定。数组中第一个元素的索引为0。
  3. 实例: 创建包含三个元素的数组:
let names:string[] = ['Alice', 'Bob', 'Carol'];

3.3.3 enum类型

  1. enum类型,又称为枚举类型,是预先定义一组命名值的值类型,其中命名值又称为枚举常量
  2. 使用美剧常量时必须以枚举类型名称前缀
enum ColorSet {Red, Green, Blue}
let c:ColorSet = ColorSet.Red;

3.常量表达式可用于显示设置枚举常量的值

enum ColorSet {White = 0xFF, Grey = 0x7F, Black = 0x00}
let c:ColorSet = ColorSet.Black;

3.3.4 Union类型

  1. union类型,即联合类型,由多个类型组合成的引用类型
  2. 联合类型包含了变量可能的所有类型
class Cat {
	name:string = 'cat';
	// ...
}
class Dog {
	name:string = 'dog';
	// ...
}
class Frog {
	name:string = 'frog';
	// ...
}
type Animal = Cat | Dog | Frog | number;
// Cat、Dog、Frog是一些类型(类或接口)

let animal:Animal = new Cat();
animal = new Frog();
animal = 42;
// 可以将类型为联合类型的变量赋值为任何组成类型的有效值
  1. 可以用不同的机制 获取联合类型中的特定类型的值
class Cat {sleep(){}; meoooow(){}}
class Dog {sleep(){}; bark(){}}
class Frog{sleep(){};leap(){}}

type Animal = Cat | Dog | Frog;

function foo(animal:Animal) {
	if(animal instanceof Frog) {	// 通过instanceof来检查animal是否属于某个类
	animal.leap();	// animal在这里是Frog类型
	}
	animal.sleep();	//animal具有sleepp方法
}

3.3.5 Aliases类型

  1. Aliases类型为匿名类型(数组、函数、对象字面量或联合类型)提供名称,或为已有类型提供替代名称
  2. 通过type实现
//类型别名Matrix替换number[][]
type Matrix = number[][];			
// 定义一个名为Handler的函数类型别名,接受一个字符串和一个数字参数,并返回字符串
type Handler = (s:string, no:number) => string;	
// 定义一个泛型类型别名 Predicate<T>, 表示接受类型为T的参数并返回布尔值的函数
type Predicate<T> = (x:T) => boolean;
// 定义一个名为NullableObject类型别名,表示一个可能为null的普通对象
type NullableObject = Object | null;

4 运算符

4.1 赋值运算符

  1. 赋值运算符=,使用方式如x=y。
  2. 复合赋值运算符将赋值与运算符组合在一起,其中x op = y等于x = x op y。
    • op为用运算符替换,可以为+、-、*、/等等
  3. 复合赋值运算符列举如下:+=、-=、*=、/=、%=、<<=、>>=、>>>=、&=、|=、^=。

4.2 比较运算符

运算符说明
===如果两个操作数严格相等(对于不同类型的操作数认为是不相等的),则返回true。
!==如果两个操作数严格不相等(对于不同类型的操作数认为是不相等的),则返回true。
==如果两个操作数相等,则返回true。
!=如果两个操作数不相等,则返回true。
>如果左操作数大于右操作数,则返回true。
>=如果左操作数大于或等于右操作数,则返回true。
<如果左操作数小于右操作数,则返回true。
<=如果左操作数小于或等于右操作数,则返回true。

4.3 算术运算符

  1. 一元运算符为-、+、–、++。
    • '-'取负运算符,-10
    • '+'保持原值运算符,+10
    • '–'自减运算符,前置/后置,前置-先减1再返回新值
    • '++'自加运算符,前置/后置,前置-先加1再返回新值
  2. 二元运算符列举如下:
运算符说明
+加法
-减法
*乘法
/除法
%除法后余数

4.4 位运算符

运算符说明
a & b按位与:如果两个操作数的对应位都为1,则将这个位设置为1,否则设置为0。
a | b按位或:如果两个操作数的相应位中至少有一个为1,则将这个位设置为1,否则设置为0。
a ^ b按位异或:如果两个操作数的对应位不同,则将这个位设置为1,否则设置为0。
~ a按位非:反转操作数的位。
a << b左移:将a的二进制表示向左移b位。
a >> b算术右移:将a的二进制表示向右移b位,带符号扩展。
a >>> b逻辑右移:将a的二进制表示向右移b位,左边补0。

4.5 逻辑运算符

运算符说明
a&&b逻辑与
a||b逻辑或
!a逻辑非

5 语句

5.1 If语句

  1. if语句用于需要根据逻辑条件执行不同语句的场景。当逻辑条件为真时,执行对应的一组语句,否则执行另一组语句(如果有的话)。
  2. else部分也可能包含if语句。
  3. if语句如下所示:
if(condition1) {
	// 语句1
}
else if(condition2) {
	// 语句2
}
else {
	// else 语句3
}
  1. 条件表达式可以是任何类型,但是对于boolean以外的类型,会进行隐式类型转换:
let s1 = 'Hello';
if(s1) {
	console.log(s1); 	// 打印“Hello”
}

let s2 = 'World';
if(s2.length != 0) {
	console.log(s2);	// 打印“World”
}

5.2 Switch语句

  1. 使用switch语句来执行与switch表达式值匹配的代码块
switch(expression) {
	case label1: 	// 如果label1匹配,则执行
		// ...
		// 语句1
		// ...
		break;	//可省略
	case label2:
	case label3:	// 如果label2或label3匹配,则执行
		// ...
		// 语句23
		// ...
		break;
	default// 默认语句
}
  • 如果switch表达式的值等于某个label的值,则执行相应的语句。
  • 如果没有任何一个label值与表达式值相匹配,并且switch具有default子句,那么程序会执行default子句对应的代码块。
  • break语句(可选的)允许跳出switch语句并继续执行switch语句之后的语句。
  • 如果没有break语句,则执行switch中的下一个label对应的代码块。

5.3 条件表达式

  1. 条件表达式由第一个表达式的布尔值来决定返回其它两个表达式中的哪一个。

    示例如下:

     condition ? expression1 : expression2
    
  2. 如果condition的值为真值(转换后为true的值),则使用expression1作为该表达式的结果;否则,使用expression2。
    示例:

    let message = Math.random() > 0.5 ? 'Valid' : 'Failed';
    

5.4 For语句

  • for语句会被重复执行,直到循环退出语句值为false。

  • for语句如下所示:

    for ([init]; [condition]; [update]) {
      statements
    }
    
  • for语句的执行流程如下:

    1. 执行init表达式(如有)。此表达式通常初始化一个或多个循环计数器。
    2. 计算condition。如果它为真值(转换后为true的值),则执行循环主体的语句。如果它为假值(转换后为false的值),则for循环终止。
    3. 执行循环主体的语句。
    4. 如果有update表达式,则执行该表达式。
    5. 回到步骤2。
  • 示例:

    let sum = 0;
    for (let i = 0; i < 10; i += 2) {
      sum += i;
    }
    

5.5 For-of语句

  • 使用for-of语句可遍历数组或字符串。示例如下:
    for (forVar of expression) {
      statements
    }
    
  • 示例:
     for (let ch of 'a string object') {
          /* process ch */
        }
    

5.6 While语句

  • 只要condition为真值(转换后为true的值),while语句就会执行statements语句。示例如下:

     while (condition) {
          statements
        }
    
  • 示例:

      let n = 0;
        let x = 0;
        while (n < 3) {
          n++;
          x += n;
        }
    

5.7 Do-while语句

  • 如果condition的值为真值(转换后为true的值),那么statements语句会重复执行。示例如下:

     do {
          statements
        } while (condition)
    
  • 示例:

    let i = 0;
    do {
      i += 1;
    } while (i < 10)
    

5.8 Break语句

  • 使用break语句可以终止循环语句或switch。
  • 示例:
     let x = 0;
        while (true) {
          x++;
          if (x > 5) {
            break;
          }
        }
    
  • 如果break语句后带有标识符,则将控制流转移到该标识符所包含的语句块之外。
  • 示例:
     let x = 1;
        label: while (true) {
          switch (x) {
            case 1:
              // statements
              break label; // 中断while语句
          }
        }
    

5.9 Continue语句

  • continue语句会停止当前循环迭代的执行,并将控制传递给下一个迭代。
  • 示例:
    let sum = 0;
    for (let x = 0; x < 100; x++) {
      if (x % 2 == 0) {
        continue;
      }
      sum += x;
    }
    

5.10 Throw和Try语句

  • throw语句用于抛出异常或错误:

    throw new Error('this error')
    
  • try语句用于捕获和处理异常或错误:

     try {
          // 可能发生异常的语句块
        } catch (e) {
          // 异常处理
        }
    
  • 下面的示例中throw和try语句用于处理除数为0的错误:

     class ZeroDivisor extends Error {}
    
        function divide (a: number, b: number): number{
          if (b == 0) throw new ZeroDivisor();
          return a / b;
        }
    
        function process (a: number, b: number) {
          try {
            let res = divide(a, b);
            console.log('result: ' + res);
          } catch (x) {
            console.log('some error');
          }
        }
    
  • 支持finally语句:

    function processData(s: string) {
      let error: Error | null = null;
    
      try {
        console.log('Data processed: ' + s);
        // ...
        // 可能发生异常的语句
        // ...
      } catch (e) {
        error = e as Error;
        // ...
        // 异常处理
        // ...
      } finally {
        if (error != null) {
          console.log(`Error caught: input='${s}', message='${error.message}'`);
        }
      }
    }
    

6 函数

6.1 函数声明

  • 函数声明引入一个函数,包含其名称、参数列表、返回类型和函数体。

  • 以下示例是一个简单的函数,包含两个string类型的参数,返回类型为string:

    function add(x: string, y: string): string {
      let z: string = `${x} ${y}`;
      return z;
    }
    
  • 在函数声明中,必须为每个参数标记类型。如果参数为可选参数,那么允许在调用函数时省略该参数。函数的最后一个参数可以是rest参数。

6.2 可选参数

  • 可选参数的格式可为name?: Type。

     function hello(name?: string) {
          if (name == undefined) {
            console.log('Hello!');
          } else {
            console.log(`Hello, ${name}!`);
          }
        }
    
  • 可选参数的另一种形式为设置的参数默认值。如果在函数调用中这个参数被省略了,则会使用此参数的默认值作为实参。

    function multiply(n: number, coeff: number = 2): number {
      return n * coeff;
    }
    multiply(2);  // 返回2*2
    multiply(2, 3); // 返回2*3
    

6.3 Rest参数

  • 函数的最后一个参数可以是rest参数。rest参数的格式为…restArgs。rest参数允许函数接收一个由剩余实参组成的数组,用于处理不定数量的参数输入。
       function sum(...numbers: number[]): number {
          let res = 0;
          for (let n of numbers)
            res += n;
          return res;
        }
    
        sum(); // 返回0
        sum(1, 2, 3); // 返回6
    

6.4 返回类型

  • 如果可以从函数体内推断出函数返回类型,则可在函数声明中省略标注返回类型。

    // 显式指定返回类型
    function foo(): string { return 'foo'; }
    
    // 推断返回类型为string
    function goo() { return 'goo'; }
    
  • 不需要返回值的函数的返回类型可以显式指定为void或省略标注。这类函数不需要返回语句。

  • 以下示例中两种函数声明方式都是有效的:

    function hi1() { console.log('hi'); }
    function hi2(): void { console.log('hi'); }
    

6.5 函数的作用域

  • 函数中定义的变量和其他实例仅可以在函数内部访问,不能从外部访问。
  • 如果函数中定义的变量与外部作用域中已有实例同名,则函数内的局部变量定义将覆盖外部定义。

6.6 函数调用

  • 调用函数以执行其函数体,实参值会赋值给函数的形参。
  • 如果函数定义如下:
    function join(x: string, y: string): string {
      let z: string = `${x} ${y}`;
      return z;
    }
    
  • 则此函数的调用需要包含两个string类型的参数:
    let x = join('hello', 'world');
    console.log(x);
    

6.7 函数类型

  • 函数类型通常用于定义回调:
    type trigFunc = (x: number) => number // 这是一个函数类型
    
    function do_action(f: trigFunc) {
      f(3.141592653589); // 调用函数
    }
    
    do_action(Math.sin); // 将函数作为参数传入
    

6.8 箭头函数(Lambda函数)

  • 函数可以定义为箭头函数,例如:

    let sum = (x: number, y: number): number => {
      return x + y;
    }
    
  • 箭头函数的返回类型可以省略;省略时,返回类型通过函数体推断。

  • 表达式可以指定为箭头函数,使表达更简短,因此以下两种表达方式是等价的:

    let sum1 = (x: number, y: number) => { return x + y; }
    let sum2 = (x: number, y: number) => x + y
    

6.9 闭包

  • 闭包是由函数及声明该函数的环境组合而成的。该环境包含了这个闭包创建时作用域内的任何局部变量。

  • 在下例中,f函数返回了一个闭包,它捕获了count变量,每次调用z,count的值会被保留并递增。

    function f(): () => number {
      let count = 0;
      let g = (): number => { count++; return count; };
      return g;
    }
    
    let z = f();
    z(); // 返回:1
    z(); // 返回:2
    

6.10 函数重载

  • 我们可以通过编写重载,指定函数的不同调用方式。具体方法为,为同一个函数写入多个同名但签名不同的函数头,函数实现紧随其后。

    function foo(x: number): void;            /* 第一个函数定义 */
    function foo(x: string): void;            /* 第二个函数定义 */
    function foo(x: number | string): void {  /* 函数实现 */
    }
    
    foo(123);     //  OK,使用第一个定义
    foo('aa'); // OK,使用第二个定义
    
  • 不允许重载函数有相同的名字以及参数列表,否则将会编译报错。

7 类

  • 类声明引入一个新类型,并定义其字段、方法和构造函数。

  • 在以下示例中,定义了Person类,该类具有字段name和surname、构造函数和方法

    fullName:
    
        class Person {
          name: string = '';
          surname: string = '';
          constructor (n: string, sn: string) {
            this.name = n;
            this.surname = sn;
          }
          fullName(): string {
            return this.name + ' ' + this.surname;
          }
        }
    
  • 定义类后,可以使用关键字new创建实例:

    let p = new Person('John', 'Smith');
    console.log(p.fullName());
    
  • 或者,可以使用对象字面量创建实例:

    class Point {
      x: number = 0;
      y: number = 0;
    }
    let p: Point = {x: 42, y: 42};
    

7.1 字段

  • 字段是直接在类中声明的某种类型的变量。
  • 类可以具有实例字段或者静态字段。

7.1.1 实例字段

  • 实例字段存在于类的每个实例上。每个实例都有自己的实例字段集合。
  • 要访问实例字段,需要使用类的实例。
    class Person {
      name: string = '';
      age: number = 0;
      constructor(n: string, a: number) {
        this.name = n;
        this.age = a;
      }
    
      getName(): string {
        return this.name;
      }
    }
    
    let p1 = new Person('Alice', 25);
    p1.name;
    let p2 = new Person('Bob', 28);
    p2.getName();
    

7.1.2 静态字段

  • 使用关键字static将字段声明为静态。静态字段属于类本身,类的所有实例共享一个静态字段。
  • 要访问静态字段,需要使用类名:
    class Person {
      static numberOfPersons = 0;
      constructor() {
         // ...
         Person.numberOfPersons++;
         // ...
      }
    }
    
    Person.numberOfPersons;
    

7.1.2 字段初始化

  • 为了减少运行时的错误和获得更好的执行性能,

  • ArkTS要求所有字段在声明时或者构造函数中显式初始化。这和标准TS中的strictPropertyInitialization模式一样。

  • 以下代码是在ArkTS中不合法的代码。

    class Person {
      name: string; // undefined
      
      setName(n:string): void {
        this.name = n;
      }
      
      getName(): string {
        // 开发者使用"string"作为返回类型,这隐藏了name可能为"undefined"的事实。
        // 更合适的做法是将返回类型标注为"string | undefined",以告诉开发者这个API所有可能的返回值。
        return this.name;
      }
    }
    
    let jack = new Person();
    // 假设代码中没有对name赋值,例如调用"jack.setName('Jack')"
    jack.getName().length; // 运行时异常:name is undefined
    
  • 在ArkTS中,应该这样写代码。

    class Person {
      name: string = '';
      
      setName(n:string): void {
        this.name = n;
      }
      
      // 类型为'string',不可能为"null"或者"undefined"
      getName(): string {
        return this.name;
      }
    }
      
    
    let jack = new Person();
    // 假设代码中没有对name赋值,例如调用"jack.setName('Jack')"
    jack.getName().length; // 0, 没有运行时异常
    
  • 接下来的代码展示了如果name的值可以是undefined,那么应该如何写代码。

    class Person {
      name?: string; // 可能为`undefined`
    
      setName(n:string): void {
        this.name = n;
      }
    
      // 编译时错误:name可以是"undefined",所以这个API的返回值类型不能仅定义为string类型
      getNameWrong(): string {
        return this.name;
      }
    
      getName(): string | undefined { // 返回类型匹配name的类型
        return this.name;
      }
    }
    
    let jack = new Person();
    // 假设代码中没有对name赋值,例如调用"jack.setName('Jack')"
    
    // 编译时错误:编译器认为下一行代码有可能会访问undefined的属性,报错
    jack.getName().length;  // 编译失败
    
    jack.getName()?.length; // 编译成功,没有运行时错误
    

7.2 getter和setter

  • setter和getter可用于提供对对象属性的受控访问。

  • 在以下示例中,setter用于禁止将_age属性设置为无效值:

    class Person {
      name: string = '';
      private _age: number = 0;
      get age(): number { return this._age; }
      set age(x: number) {
        if (x < 0) {
          throw Error('Invalid age argument');
        }
        this._age = x;
      }
    }
    
    let p = new Person();
    p.age; // 输出0
    p.age = -42; // 设置无效age值会抛出错误
    
  • 在类中可以定义getter或者setter。

7.3 方法

  • 方法属于类。类可以定义实例方法或者静态方法。静态方法属于类本身,只能访问静态字段。而实例方法既可以访问静态字段,也可以访问实例字段,包括类的私有字段。

7.3.1 实例方法

  • 以下示例说明了实例方法的工作原理。

  • calculateArea方法通过将高度乘以宽度来计算矩形的面积:

    class RectangleSize {
      private height: number = 0;
      private width: number = 0;
      constructor(height: number, width: number) {
        this.height = height;
        this.width = width;
      }
      calculateArea(): number {
        return this.height * this.width;
      }
    }
    
  • 必须通过类的实例调用实例方法:

       let square = new RectangleSize(10, 10);
        square.calculateArea(); // 输出:100
    

7.3.2 静态方法

  • 使用关键字static将方法声明为静态。静态方法属于类本身,只能访问静态字段。
  • 静态方法定义了类作为一个整体的公共行为。
  • 必须通过类名调用静态方法:
    class Cl {
      static staticMethod(): string {
        return 'this is a static method.';
      }
    }
    console.log(Cl.staticMethod());
    

7.4 继承

  • 一个类可以继承另一个类(称为基类),并使用以下语法实现多个接口:
    class [extends BaseClassName] [implements listOfInterfaces] {
      // ...
    }
    
  • 继承类继承基类的字段和方法,但不继承构造函数。继承类可以新增定义字段和方法,也可以覆盖其基类定义的方法。
  • 基类也称为“父类”或“超类”。继承类也称为“派生类”或“子类”。
  • 示例:
      class Person {
          name: string = '';
          private _age = 0;
          get age(): number {
            return this._age;
          }
        }
        class Employee extends Person {
          salary: number = 0;
          calculateTaxes(): number {
            return this.salary * 0.42;
          }
        }
    
  • 包含implements子句的类必须实现列出的接口中定义的所有方法,但使用默认实现定义的方法除外。
     interface DateInterface {
          now(): string;
        }
        class MyDate implements DateInterface {
          now(): string {
            // 在此实现
            return 'now';
          }
        }
    

7.4.1 父类访问

  • 关键字super可用于访问父类的实例字段、实例方法和构造函数。在实现子类功能时,可以通过该关键字从父类中获取所需接口:
    class RectangleSize {
      protected height: number = 0;
      protected width: number = 0;
    
      constructor (h: number, w: number) {
        this.height = h;
        this.width = w;
      }
    
      draw() {
        /* 绘制边界 */
      }
    }
    class FilledRectangle extends RectangleSize {
      color = ''
      constructor (h: number, w: number, c: string) {
        super(h, w); // 父类构造函数的调用
        this.color = c;
      }
    
      draw() {
        super.draw(); // 父类方法的调用
        // super.height -可在此处使用
        /* 填充矩形 */
      }
    }
    

7.4.2 方法重写

  • 子类可以重写其父类中定义的方法的实现。重写的方法必须具有与原始方法相同的参数类型和相同或派生的返回类型。
    class RectangleSize {
      // ...
      area(): number {
        // 实现
        return 0;
      }
    }
    class Square extends RectangleSize {
      private side: number = 0;
      area(): number {
        return this.side * this.side;
      }
    }
    

7.4.3 方法重载签名

  • 通过重载签名,指定方法的不同调用。具体方法为,为同一个方法写入多个同名但签名不同的方法头,方法实现紧随其后。

      class C {
          foo(x: number): void;            /* 第一个签名 */
          foo(x: string): void;            /* 第二个签名 */
          foo(x: number | string): void {  /* 实现签名 */
          }
        }
        let c = new C();
        c.foo(123);     // OK,使用第一个签名
        c.foo('aa'); // OK,使用第二个签名
    
  • 如果两个重载签名的名称和参数列表均相同,则为错误。

7.5 构造函数

  • 类声明可以包含用于初始化对象状态的构造函数。
  • 构造函数定义如下:
    constructor ([parameters]) {
      // ...
    }
    
  • 如果未定义构造函数,则会自动创建具有空参数列表的默认构造函数,例如:
    class Point {
      x: number = 0;
      y: number = 0;
    }
    let p = new Point();
    
  • 在这种情况下,默认构造函数使用字段类型的默认值来初始化实例中的字段。

7.5.1 派生类的构造函数

  • 构造函数函数体的第一条语句可以使用关键字super来显式调用直接父类的构造函数。
     class RectangleSize {
          constructor(width: number, height: number) {
            // ...
          }
        }
        class Square extends RectangleSize {
          constructor(side: number) {
            super(side, side);
          }
        }
    

7.5.2 构造函数重载签名

  • 我们可以通过编写重载签名,指定构造函数的不同调用方式。具体方法为,为同一个构造函数写入多个同名但签名不同的构造函数头,构造函数实现紧随其后。

      class C {
          constructor(x: number)             /* 第一个签名 */
          constructor(x: string)             /* 第二个签名 */
          constructor(x: number | string) {  /* 实现签名 */
          }
        }
        let c1 = new C(123);      // OK,使用第一个签名
        let c2 = new C('abc');    // OK,使用第二个签名
    
  • 如果两个重载签名的名称和参数列表均相同,则为错误。

7.6 可见性修饰符

  • 类的方法和属性都可以使用可见性修饰符。
  • 可见性修饰符包括:private、protected和public。默认可见性为public。

7.6.1 Public(公有)

  • public修饰的类成员(字段、方法、构造函数)在程序的任何可访问该类的地方都是可见的。

7.6.2 Private(私有)

  • private修饰的成员不能在声明该成员的类之外访问,例如:
    class C {
      public x: string = '';
      private y: string = '';
      set_y (new_y: string) {
        this.y = new_y; // OK,因为y在类本身中可以访问
      }
    }
    let c = new C();
    c.x = 'a'; // OK,该字段是公有的
    c.y = 'b'; // 编译时错误:'y'不可见
    

7.6.3 Protected(受保护的)

  • protected修饰符的作用与private修饰符非常相似,不同点是protected修饰的成员允许在派生类中访问,例如:
    class Base {
      protected x: string = '';
      private y: string = '';
    }
    class Derived extends Base {
      foo() {
        this.x = 'a'; // OK,访问受保护成员
        this.y = 'b'; // 编译时错误,'y'不可见,因为它是私有的
      }
    }
    

7.7 对象字面量

  • 对象字面量是一个表达式,可用于创建类实例并提供一些初始值。它在某些情况下更方便,可以用来代替new表达式。
  • 对象字面量的表示方式是:封闭在花括号对({})中的’属性名:值’的列表。
class C {
  n: number = 0;
  s: string = '';
}

let c: C = {n: 42, s: 'foo'};
  • ArkTS是静态类型语言,如上述示例所示,对象字面量只能在可以推导出该字面量类型的上下文中使用。其他正确的例子:

    class C {
      n: number = 0;
      s: string = '';
    }
    
    function foo(c: C) {}
    
    let c: C
    
    c = {n: 42, s: 'foo'};  // 使用变量的类型
    foo({n: 42, s: 'foo'}); // 使用参数的类型
    
    function bar(): C {
      return {n: 42, s: 'foo'}; // 使用返回类型
    }
    
  • 也可以在数组元素类型或类字段类型中使用:

    class C {
      n: number = 0;
      s: string = '';
    }
    let cc: C[] = [{n: 1, s: 'a'}, {n: 2, s: 'b'}];
    

7.7.1 Record类型的对象字面量

  • 泛型Record<K, V>用于将类型(键类型)的属性映射到另一个类型(值类型)。常用对象字面量来初始化该类型的值:

    let map: Record<string, number> = {
      'John': 25,
      'Mary': 21,
    }
    
    map['John']; // 25
    
  • 类型K可以是字符串类型或数值类型,而V可以是任何类型。

    interface PersonInfo {
      age: number;
      salary: number;
    }
    let map: Record<string, PersonInfo> = {
      'John': { age: 25, salary: 10},
      'Mary': { age: 21, salary: 20}
    }
    

7.8 抽象类

  • 带有修饰符abstract的类称为抽象类。抽象类可用于表示一组更具体的概念所共有的概念。

  • 如果尝试创建抽象类的实例,则会发生编译时的错误:

    abstract class X {
      field: number;
      constructor(p: number) {
        this.field = p; 
      }
    }
    
    let x = new X(666)  //编译时错误:不能创建抽象类的具体实例
    
  • 抽象类的子类可以是抽象类也可以是非抽象类。抽象父类的非抽象子类可以实例化。因此,执行抽象类的构造函数和该类非静态字段的字段初始化器:

    abstract class Base {
      field: number;
      constructor(p: number) { 
        this.field = p; 
      }
    }
    
    class Derived extends Base {
      constructor(p: number) {
        super(p); 
      }
    }
    

7.8.1 抽象方法

  • 带有abstract修饰符的方法称为抽象方法,抽象方法可以被声明但不能被实现。

  • 只有抽象类内才能有抽象方法,如果非抽象类具有抽象方法,则会发生编译时错误:

    class Y {
      abstract method(p: string)  //编译时错误:抽象方法只能在抽象类内。
    }
    

7.9 接口

  • 接口声明引入新类型。接口是定义代码协定的常见方式。

  • 任何一个类的实例只要实现了特定接口,就可以通过该接口实现多态。

  • 接口通常包含属性和方法的声明

  • 示例:

    interface Style {
      color: string; // 属性
    }
    interface AreaSize {
      calculateAreaSize(): number; // 方法的声明
      someMethod(): void;     // 方法的声明
    }
    
  • 实现接口的类示例:

    // 接口:
    interface AreaSize {
      calculateAreaSize(): number; // 方法的声明
      someMethod(): void;     // 方法的声明
    }
    
    // 实现:
    class RectangleSize implements AreaSize {
      private width: number = 0;
      private height: number = 0;
      someMethod(): void {
        console.log('someMethod called');
      }
      calculateAreaSize(): number {
        this.someMethod(); // 调用另一个方法并返回结果
        return this.width * this.height;
      }
    }
    

7.9.1 接口属性

  • 接口属性可以是字段、getter、setter或getter和setter组合的形式。

  • 属性字段只是getter/setter对的便捷写法。以下表达方式是等价的:

    interface Style {
      color: string;
    }
    
    interface Style {
      get color(): string;
      set color(x: string);
    }
    
  • 实现接口的类也可以使用以下两种方式:

    interface Style {
      color: string;
    }
    
    class StyledRectangle implements Style {
      color: string = '';
    }
    
    interface Style {
      color: string;
    }
    
    class StyledRectangle implements Style {
      private _color: string = '';
      get color(): string { return this._color; }
      set color(x: string) { this._color = x; }
    }
    

7.9.2 接口继承

  • 接口可以继承其他接口,如下面的示例所示:

    interface Style {
      color: string;
    }
    
    interface ExtendedStyle extends Style {
      width: number;
    }
    
  • 继承接口包含被继承接口的所有属性和方法,还可以添加自己的属性和方法。

7.9.3 抽象类和接口

  • 抽象类与接口都无法实例化。抽象类是类的抽象,抽象类用来捕捉子类的通用特性,接口是行为的抽象。在ArkTS中抽象类与接口的区别如下:
    • 一个类只能继承一个抽象类,而一个类可以实现一个或多个接口;
    • 接口中不能含有静态代码块以及静态方法,而抽象类可以有静态代码块和静态方法;
    • 抽象类里面可以有方法的实现,但是接口完全都是抽象的,不存在方法的实现;
    • 抽象类可以有构造函数,而接口不能有构造函数。

8 泛型类型和函数

  • 泛型类型和函数允许创建的代码在各种类型上运行,而不仅支持单一类型。

8.1 泛型类和接口

  • 类和接口可以定义为泛型,将参数添加到类型定义中,如以下示例中的类型参数

    Element:
    
        class CustomStack<Element> {
          public push(e: Element):void {
            // ...
          }
        }
    
  • 要使用类型CustomStack,必须为每个类型参数指定类型实参:

    let s = new CustomStack<string>();
    s.push('hello');
    
  • 编译器在使用泛型类型和函数时会确保类型安全。参见以下示例:

    let s = new CustomStack<string>();
    s.push(55); // 将会产生编译时错误
    

8.2 泛型约束

  • 泛型类型的类型参数可以被限制只能取某些特定的值。例如,MyHashMap<Key, Value>这个类中的Key类型参数必须具有hash方法。

       interface Hashable {
          hash(): number;
        }
        class MyHashMap<Key extends Hashable, Value> {
          public set(k: Key, v: Value) {
            let h = k.hash();
            // ...其他代码...
          }
        }
    
  • 在上面的例子中,Key类型扩展了Hashable,Hashable接口的所有方法都可以为key调用。

8.3 泛型函数

  • 使用泛型函数可编写更通用的代码。比如返回数组最后一个元素的函数:

    function last(x: number[]): number {
      return x[x.length - 1];
    }
    last([1, 2, 3]); // 3
    
  • 如果需要为任何数组定义相同的函数,使用类型参数将该函数定义为泛型:

    function last<T>(x: T[]): T {
      return x[x.length - 1];
    }
    
  • 现在,该函数可以与任何数组一起使用。

  • 在函数调用中,类型实参可以显式或隐式设置:

    // 显式设置的类型实参
    last<string>(['aa', 'bb']);
    last<number>([1, 2, 3]);
    
    // 隐式设置的类型实参
    // 编译器根据调用参数的类型来确定类型实参
    last([1, 2, 3]);
    

8.4 泛型默认值

  • 泛型类型的类型参数可以设置默认值。这样可以不指定实际的类型实参,而只使用泛型类型名称。下面的示例展示了类和函数的这一点。
    class SomeType {}
    interface Interface <T1 = SomeType> { }
    class Base <T2 = SomeType> { }
    class Derived1 extends Base implements Interface { }
    // Derived1在语义上等价于Derived2
    class Derived2 extends Base<SomeType> implements Interface<SomeType> { }
    
    function foo<T = number>(): T {
      // ...
    }
    foo();
    // 此函数在语义上等价于下面的调用
    foo<number>();
    

9 空安全

  • 默认情况下,ArkTS中的所有类型都是不可为空的,因此类型的值不能为空。这类似于TypeScript的严格空值检查模式(strictNullChecks),但规则更严格。

  • 在下面的示例中,所有行都会导致编译时错误:

    let x: number = null;    // 编译时错误
    let y: string = null;    // 编译时错误
    let z: number[] = null;  // 编译时错误
    
  • 可以为空值的变量定义为联合类型T | null。

       let x: number | null = null;
        x = 1;    // ok
        x = null; // ok
        if (x != null) { /* do something */ }
    

9.1 非空断言运算符

  • 后缀运算符!可用于断言其操作数为非空。
  • 应用于可空类型的值时,它的编译时类型变为非空类型。例如,类型将从T | null更改为T:
      class A {
          value: number = 0;
        }
    
        function foo(a: A | null) {
          a.value;   // 编译时错误:无法访问可空值的属性
          a!.value;  // 编译通过,如果运行时a的值非空,可以访问到a的属性;如果运行时a的值为空,则发生运行时异常
        }
    

9.2 空值合并运算符

  • 空值合并二元运算符??用于检查左侧表达式的求值是否等于null或者undefined。如果是,则表达式的结果为右侧表达式;否则,结果为左侧表达式。

  • 换句话说,a ?? b等价于三元运算符(a != null && a != undefined) ? a : b。

  • 在以下示例中,getNick方法如果设置了昵称,则返回昵称;否则,返回空字符串:

    class Person {
      // ...
      nick: string | null = null;
      getNick(): string {
        return this.nick ?? '';
      }
    }
    

9.3 可选链

  • 在访问对象属性时,如果该属性是undefined或者null,可选链运算符会返回undefined。

    class Person {
      nick: string | null = null;
      spouse?: Person
    
      setSpouse(spouse: Person): void {
        this.spouse = spouse;
      }
    
      getSpouseNick(): string | null | undefined {
        return this.spouse?.nick;
      }
    
      constructor(nick: string) {
        this.nick = nick;
        this.spouse = undefined;
      }
    }
    
  • 说明:getSpouseNick的返回类型必须为string | null | undefined,因为该方法可能返回null或者undefined。

  • 可选链可以任意长,可以包含任意数量的?.运算符。

  • 在以下示例中,如果一个Person的实例有不为空的spouse属性,且spouse有不为空的nick属性,则输出spouse.nick。否则,输出undefined:

    class Person {
      nick: string | null = null;
      spouse?: Person;
    
      constructor(nick: string) {
        this.nick = nick;
        this.spouse = undefined;
      }
    }
    
    let p: Person = new Person('Alice');
    p.spouse?.nick; // undefined
    

10 模块

  • 程序可划分为多组编译单元或模块。

  • 每个模块都有其自己的作用域,即,在模块中创建的任何声明(变量、函数、类等)在该模块之外都不可见,除非它们被显式导出。

  • 与此相对,从另一个模块导出的变量、函数、类、接口等必须首先导入到模块中。

10.1 导出

  • 可以使用关键字export导出顶层的声明。

  • 未导出的声明名称被视为私有名称,只能在声明该名称的模块中使用。

    export class Point {
      x: number = 0;
      y: number = 0;
      constructor(x: number, y: number) {
        this.x = x;
        this.y = y;
      }
    }
    export let Origin = new Point(0, 0);
    export function Distance(p1: Point, p2: Point): number {
      return Math.sqrt((p2.x - p1.x) * (p2.x - p1.x) + (p2.y - p1.y) * (p2.y - p1.y));
    }
    

10.2 导入

10.2.1 静态导入

  • 导入声明用于导入从其他模块导出的实体,并在当前模块中提供其绑定。导入声明由两部分组成:

    导入路径,用于指定导入的模块;
    导入绑定,用于定义导入的模块中的可用实体集和使用形式(限定或不限定使用)。
    
  • 导入绑定可以有几种形式。

  • 假设模块具有路径“./utils”和导出实体“X”和“Y”。

  • 导入绑定* as A表示绑定名称“A”,通过A.name可访问从导入路径指定的模块导出的所有实体:

    import * as Utils from './utils';
    Utils.X // 表示来自Utils的X
    Utils.Y // 表示来自Utils的Y
    
  • 导入绑定{ ident1, …, identN }表示将导出的实体与指定名称绑定,该名称可以用作简单名称:

    import { X, Y } from './utils';
    X // 表示来自utils的X
    Y // 表示来自utils的Y
    
  • 如果标识符列表定义了ident as alias,则实体ident将绑定在名称alias下:

    import { X as Z, Y } from './utils';
    Z // 表示来自Utils的X
    Y // 表示来自Utils的Y
    X // 编译时错误:'X'不可见
    

10.2.2 动态导入

  • 应用开发的有些场景中,如果希望根据条件导入模块或者按需导入模块,可以使用动态导入代替静态导入。

  • import()语法通常称为动态导入(dynamic import),是一种类似函数的表达式,用来动态导入模块。以这种方式调用,将返回一个promise。

  • 如下例所示,import(modulePath)可以加载模块并返回一个promise,该promise resolve为一个包含其所有导出的模块对象。该表达式可以在代码中的任意位置调用。

    // Calc.ts
    export function add(a:number, b:number):number {
      let c = a + b;
      console.info('Dynamic import, %d + %d = %d', a, b, c);
      return c;
    }
    
    // Index.ts
    import("./Calc").then((obj: ESObject) => {
      console.info(obj.add(3, 5));  
    }).catch((err: Error) => {
      console.error("Module dynamic import error: ", err);
    });
    
  • 如果在异步函数中,可以使用let module = await import(modulePath)。

    // say.ts
    export function hi() {
      console.log('Hello');
    }
    export function bye() {
      console.log('Bye');
    }
    
  • 那么,可以像下面这样进行动态导入:

    async function test() {
      let ns = await import('./say');
      let hi = ns.hi;
      let bye = ns.bye;
      hi();
      bye();
    }
    
  • 更多的使用动态import的业务场景和使用实例见动态import。

10.2.3 导入HarmonyOS SDK的开放能力

  • HarmonyOS SDK提供的开放能力(接口)也需要在导入声明后使用。可直接导入接口模块来使用该模块内的所有接口能力,例如:

    import UIAbility from '@ohos.app.ability.UIAbility';
    
  • 从HarmonyOS NEXT Developer Preview 1版本开始引入Kit概念。SDK对同一个Kit下的接口模块进行了封装,开发者在示例代码中可通过导入Kit的方式来使用Kit所包含的接口能力。其中,Kit封装的接口模块可查看SDK目录下Kit子目录中各Kit的定义。

  • 通过导入Kit方式使用开放能力有三种方式:

    • 方式一:导入Kit下单个模块的接口能力。例如:

       import { UIAbility } from '@kit.AbilityKit';
      
    • 方式二:导入Kit下多个模块的接口能力。例如:

        import { UIAbility, Ability, Context } from '@kit.AbilityKit';
      
    • 方式三:导入Kit包含的所有模块的接口能力。例如:

      import * as module from '@kit.AbilityKit';
      
    • 其中,“module”为别名,可自定义,然后通过该名称调用模块的接口。

      • 说明
        方式三可能会导入过多无需使用的模块,导致编译后的HAP包太大,占用过多资源,请谨慎使用。

10.3 顶层语句

  • 顶层语句是指在模块的最外层直接编写的语句,这些语句不被包裹在任何函数、类、块级作用域中。顶层语句包括变量声明、函数声明、表达式等。

11 关键字

11.1 this

  • 关键字this只能在类的实例方法中使用。

  • 示例

    class A {
      count: string = 'a';
      m(i: string): void {
        this.count = i;
      }
    }
    
  • 使用限制:

    • 不支持this类型
    • 不支持在函数和类的静态方法中使用this
  • 示例

    class A {
      n: number = 0;
      f1(arg1: this) {} // 编译时错误,不支持this类型
      static f2(arg1: number) {
        this.n = arg1;  // 编译时错误,不支持在类的静态方法中使用this
      }
    }
    
    function foo(arg1: number) {
      this.n = i;       // 编译时错误,不支持在函数中使用this
    }
    
  • 关键字this的指向:

    • 调用实例方法的对象
    • 正在构造的对象

ArkUI支持

  • 本节演示ArkTS为创建图形用户界面(GUI)程序提供的机制。ArkUI基于TypeScript提供了一系列扩展能力,以声明式地描述应用程序的GUI以及GUI组件间的交互。

ArkUI示例

  • MVVM代码示例提供了一个完整的基于ArkUI的应用程序,以展示其GUI编程功能

详细语法信息

ArkUI基本语法概述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2373031.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Bitacora:基因组组件中基因家族识别和注释的综合工具

软件教程 | Bitacora&#xff1a;基因组组件中基因家族识别和注释的综合工具 https://zhangzl96.github.io/tags#生物信息工具) &#x1f4c5; 官方地址&#xff1a;https://github.com/molevol-ub/bitacora &#x1f52c; 教程版本&#xff1a;BITACORA 1.4 &#x1f4cb; …

【WebRTC-13】是在哪,什么时候,创建编解码器?

Android-RTC系列软重启&#xff0c;改变以往细读源代码的方式 改为 带上实际问题分析代码。增加实用性&#xff0c;方便形成肌肉记忆。同时不分种类、不分难易程度&#xff0c;在线征集问题切入点。 问题&#xff1a;编解码器的关键实体类是什么&#xff1f;在哪里&什么时候…

青少年编程与数学 02-019 Rust 编程基础 01课题、环境准备

青少年编程与数学 02-019 Rust 编程基础 01课题、环境准备 一、Rust核心特性应用场景开发工具社区与生态 二、Rust 和 Python 比较1. **内存安全与并发编程**2. **性能**3. **零成本抽象**4. **跨平台支持**5. **社区与生态系统**6. **错误处理**7. **安全性**适用场景总结 三、…

Redis持久化存储介质评估:NFS与Ceph的适用性分析

#作者&#xff1a;朱雷 文章目录 一、背景二、Redis持久化的必要性与影响1. 持久化的必要性2. 性能与稳定性问题 三、NFS作为持久化存储介质的问题1. 性能瓶颈2. 数据一致性问题3. 存储服务单点故障4. 高延迟影响持久化效率.5. 吞吐量瓶颈 四、Ceph作为持久化存储介质的问题1.…

Ceph 原理与集群配置

一、Ceph 工作原理 1.1.为什么学习 Ceph&#xff1f; 在学习了 NFS 存储之后&#xff0c;我们仍然需要学习 Ceph 存储。这主要是因为不同的存储系统适用于不同的场景&#xff0c;NFS 虽然有其适用之处&#xff0c;但也存在一定的局限性。而 Ceph 能够满足现代分布式、大规模、…

天线的PCB设计

目录 天线模块设计的重要性 天线模块的PCB设计 天线模块设计的重要性 当智能手表突然断连、无人机信号飘忽不定——你可能正在经历一场来自天线模块的"无声抗议"。这个隐藏在电子设备深处的关键组件&#xff0c;就像数字世界的隐形信使&#xff0c;用毫米级的精密结…

C++笔记-set和map的使用(包含multiset和multimap的讲解)

1.序列式容器和关联式容器 前面我们已经接触过STL中的部分容器如:string、vector、list、deque、array、forward_list等&#xff0c;这些容器统称为序列式容器&#xff0c;因为逻辑结构为线性序列的数据结构&#xff0c;两个位置存储的值之间一般没有紧密的关联关系&#xff0…

Linux `ifconfig` 指令深度解析与替代方案指南

Linux `ifconfig` 指令深度解析与替代方案指南 一、核心功能与现状1. 基础作用2. 版本适配二、基础语法与常用操作1. 标准语法2. 常用操作速查显示所有接口信息启用/禁用接口配置IPv4地址修改MAC地址(临时)三、高级配置技巧1. 虚拟接口创建2. MTU调整3. 多播配置4. ARP控制四…

Python pandas 向excel追加数据,不覆盖之前的数据

最近突然看了一下pandas向excel追加数据的方法&#xff0c;发现有很多人出了一些馊主意&#xff1b; 比如用concat,append等方法&#xff0c;这种方法的会先将旧数据df_1读取到内存&#xff0c;再把新数据df_2与旧的合并&#xff0c;形成df_new,再覆盖写入&#xff0c;消耗和速…

【金仓数据库征文】政府项目数据库迁移:从MySQL 5.7到KingbaseES的蜕变之路

摘要&#xff1a;本文详细阐述了政府项目中将 MySQL 5.7 数据库迁移至 KingbaseES 的全过程&#xff0c;涵盖迁移前的环境评估、数据梳理和工具准备&#xff0c;迁移实战中的数据源与目标库连接配置、迁移任务详细设定、执行迁移与过程监控&#xff0c;以及迁移后的质量验证、系…

Go语言——goflow工作流使用

一、引入依赖 这个很坑&#xff0c;他不允许连接带密码的redis&#xff0c;只能使用不带密码的redis&#xff0c;要带密码的话得自己改一下源代码&#xff0c;无语 go get github.com/s8sg/goflow二、画出我们的工作流程 三、编写代码 package mainimport ("encoding/j…

yarn npm pnpm

1 下载方式 npm 之前串行下载 现在并行下载 yarn 并行下载 加入缓存复用 pnpm 硬连接 避免重复下载&#xff0c;先检查本地是否存在&#xff0c;存在的话直接连接过去

Block Styler——字符串控件

字符串控件的应用 参考官方帮助案例&#xff1a;&#xff08;这个方式感觉更好&#xff0c;第二种方式也可以&#xff09;E:\NX1980\UGOPEN\SampleNXOpenApplications\C\BlockStyler\ColoredBlock 普通格式&#xff1a; 读取&#xff1a; //方法一 string0->GetProperti…

LangGraph(三)——添加记忆

目录 1. 创建MemorySaver检查指针2. 构建并编译Graph3. 与聊天机器人互动4. 问一个后续问题5. 检查State参考 1. 创建MemorySaver检查指针 创建MemorySaver检查指针&#xff1a; from langgraph.checkpoint.memory import MemorySavermemory MemorySaver()这是位于内存中的检…

【无标题】I/O复用(epoll)三者区别▲

一、SOCKET-IO复用技术 定义&#xff1a;SOCKET - IO复用技术是一种高效处理多个套接字&#xff08;socket&#xff09;的手段&#xff0c;能让单个线程同时监听多个文件描述符&#xff08;如套接字&#xff09;上的I/O事件&#xff08;像可读、可写、异常&#xff09;&#x…

ClassLoader类加载机制的核心引擎

ClassLoader类加载机制的核心引擎 文章目录 ClassLoader类加载机制的核心引擎1. ClassLoader基础1.1 什么是ClassLoader&#xff1f;1.2 ClassLoader的层次结构1.3 类加载的过程 2. 源码解析与工作原理2.1 ClassLoader的核心方法2.2 双亲委派模型的工作原理2.3 打破双亲委派模型…

tryhackme——Enumerating Active Directory

文章目录 一、凭据注入1.1 RUNAS1.2 SYSVOL1.3 IP和主机名 二、通过Microsoft Management Console枚举AD三、通过命令行net命令枚举四、通过powershell枚举 一、凭据注入 1.1 RUNAS 当获得AD凭证<用户名>:<密码>但无法登录域内机器时&#xff0c;runas.exe可帮助…

【Linux学习笔记】系统文件IO之重定向原理分析

【Linux学习笔记】系统文件IO之重定向原理分析 &#x1f525;个人主页&#xff1a;大白的编程日记 &#x1f525;专栏&#xff1a;Linux学习笔记 文章目录 【Linux学习笔记】系统文件IO之重定向原理分析前言一. 系统文件I/01.1 一种传递标志位的方法1.2 hello.c写文件:1.3 he…

SpringBoot中使用MCP和通义千问来处理和分析数据-连接本地数据库并生成实体类

文章目录 前言一、正文1.1 项目结构1.2 项目环境1.3 完整代码1.3.1 spring-mcp-demo的pom文件1.3.2 generate-code-server的pom文件1.3.3 ChatClientConfig1.3.4 FileTemplateConfig1.3.5 ServiceProviderConfig1.3.6 GenerateCodeController1.3.7 Columns1.3.8 Tables1.3.9 Fi…

实现滑动选择器从离散型的数组中选择

1.使用原生的input 详细代码如下&#xff1a; <template><div class"slider-container"><!-- 滑动条 --><inputtype"range"v-model.number"sliderIndex":min"0":max"customValues.length - 1"step&qu…