1# ArkTS语言介绍 2 3ArkTS是一种为构建高性能应用而设计的编程语言。ArkTS在继承TypeScript语法的基础上进行了优化,以提供更高的性能和开发效率。 4 5随着移动设备在人们的日常生活中变得越来越普遍,许多编程语言在设计之初没有考虑到移动设备,导致应用的运行缓慢、低效、功耗大,针对移动环境的编程语言优化需求也越来越大。ArkTS是专为解决这些问题而设计的,聚焦于提高运行效率。 6 7目前流行的编程语言TypeScript是在JavaScript基础上通过添加类型定义扩展而来的,而ArkTS则是TypeScript的进一步扩展。TypeScript深受开发者的喜爱,因为它提供了一种更结构化的JavaScript编码方法。ArkTS旨在保持TypeScript的大部分语法,为现有的TypeScript开发者实现无缝过渡,让移动开发者快速上手ArkTS。 8 9ArkTS的一大特性是它专注于低运行时开销。ArkTS对TypeScript的动态类型特性施加了更严格的限制,以减少运行时开销,提高执行效率。通过取消动态类型特性,ArkTS代码能更有效地被运行前编译和优化,从而实现更快的应用启动和更低的功耗。 10 11与JavaScript的互通性是ArkTS语言设计中的关键考虑因素。鉴于许多移动应用开发者希望重用其TypeScript和JavaScript代码和库,ArkTS提供了与JavaScript的无缝互通,使开发者可以很容易地将JavaScript代码集成到他们的应用中。这意味着开发者可以利用现有的代码和库进行ArkTS开发。 12 13为了确保应用开发的最佳体验,ArkTS提供对方舟开发框架ArkUI的声明式语法和其他特性的支持。由于此部分特性不在既有TypeScript的范围内,因此我们在《ArkUI支持》一章中提供了详细的ArkUI示例。 14 15本教程将指导开发者了解ArkTS的核心功能、语法和最佳实践,使开发者能够使用ArkTS高效构建高性能的移动应用。 16 17如需更详细了解ArkTS语言,可见[ArkTS具体指南](../arkts-utils/arkts-overview.md)<!--RP1--><!--RP1End-->。 18 19## 基本知识 20 21### 声明 22 23ArkTS通过声明引入变量、常量、函数和类型。 24 25#### 变量声明 26 27以关键字`let`开头的声明引入变量,该变量在程序执行期间可以具有不同的值。 28 29```typescript 30let hi: string = 'hello'; 31hi = 'hello, world'; 32``` 33 34#### 常量声明 35 36以关键字`const`开头的声明引入只读常量,该常量只能被赋值一次。 37 38```typescript 39const hello: string = 'hello'; 40``` 41 42对常量重新赋值会造成编译时错误。 43 44#### 自动类型推断 45 46由于ArkTS是一种静态类型语言,所有数据的类型都必须在编译时确定。 47 48但是,如果一个变量或常量的声明包含了初始值,那么开发者就不需要显式指定其类型。ArkTS规范中列举了所有允许自动推断类型的场景。 49 50以下示例中,两条声明语句都是有效的,两个变量都是`string`类型: 51 52```typescript 53let hi1: string = 'hello'; 54let hi2 = 'hello, world'; 55``` 56 57### 类型 58 59#### `number`类型 60 61ArkTS提供`number`类型,任何整数和浮点数都可以被赋给此类型的变量。 62 63数字字面量包括整数字面量和十进制浮点数字面量。 64 65整数字面量包括以下类别: 66 67* 由数字序列组成的十进制整数。例如:`0`、`117`、`-345` 68* 以0x(或0X)开头的十六进制整数,可以包含数字(0-9)和字母a-f或A-F。例如:`0x1123`、`0x00111`、`-0xF1A7` 69* 以0o(或0O)开头的八进制整数,只能包含数字(0-7)。例如:`0o777` 70* 以0b(或0B)开头的二进制整数,只能包含数字0和1。例如:`0b11`、`0b0011`、`-0b11` 71 72浮点字面量包括以下: 73 74* 十进制整数,可为有符号数(即,前缀为“+”或“-”); 75* 小数点(“.”) 76* 小数部分(由十进制数字字符串表示) 77* 以“e”或“E”开头的指数部分,后跟有符号(即,前缀为“+”或“-”)或无符号整数。 78 79示例: 80 81```typescript 82let n1 = 3.14; 83let n2 = 3.141592; 84let n3 = .5; 85let n4 = 1e2; 86 87function factorial(n: number): number { 88 if (n <= 1) { 89 return 1; 90 } 91 return n * factorial(n - 1); 92} 93 94factorial(n1) // 7.660344000000002 95factorial(n2) // 7.680640444893748 96factorial(n3) // 1 97factorial(n4) // 9.33262154439441e+157 98``` 99 100`number`类型在表示大整数时会造成精度丢失。在开发时可以按需使用`bigInt`类型来确保精度: 101 102```typescript 103 104let bigIntger: BigInt = BigInt('999999999999999999999999999999999999999999999999999999999999'); 105console.log('bigIntger' + bigIntger.toString()); 106 107``` 108 109#### `boolean`类型 110 111`boolean`类型由`true`和`false`两个逻辑值组成。 112 113通常在条件语句中使用`boolean`类型的变量: 114 115```typescript 116let isDone: boolean = false; 117 118// ... 119 120if (isDone) { 121 console.log ('Done!'); 122} 123``` 124 125#### `string`类型 126 127`string`代表字符序列;可以使用转义字符来表示字符。 128 129字符串字面量由单引号(')或双引号(")之间括起来的零个或多个字符组成。字符串字面量还有一特殊形式,是用反向单引号(\`)括起来的模板字面量。 130 131```typescript 132let s1 = 'Hello, world!\n'; 133let s2 = 'this is a string'; 134let a = 'Success'; 135let s3 = `The result is ${a}`; 136``` 137 138#### `void`类型 139 140`void`类型用于指定函数没有返回值。 141此类型只有一个值,同样是`void`。由于`void`是引用类型,因此它可以用于泛型类型参数。 142 143```typescript 144class Class<T> { 145 //... 146} 147let instance: Class <void> 148``` 149 150#### `Object`类型 151 152`Object`类型是所有引用类型的基类型。任何值,包括基本类型的值(它们会被自动装箱),都可以直接被赋给`Object`类型的变量。`object`类型则用于表示除基本类型外的类型。 153 154#### `array`类型 155 156`array`,即数组,是由可赋值给数组声明中指定的元素类型的数据组成的对象。 157数组可由数组复合字面量(即用方括号括起来的零个或多个表达式的列表,其中每个表达式为数组中的一个元素)来赋值。数组的长度由数组中元素的个数来确定。数组中第一个元素的索引为0。 158 159以下示例将创建包含三个元素的数组: 160 161```typescript 162let names: string[] = ['Alice', 'Bob', 'Carol']; 163``` 164 165#### `enum`类型 166 167`enum`类型,又称枚举类型,是预先定义的一组命名值的值类型,其中命名值又称为枚举常量。 168使用枚举常量时必须以枚举类型名称为前缀。 169 170```typescript 171enum ColorSet { Red, Green, Blue } 172let c: ColorSet = ColorSet.Red; 173``` 174 175常量表达式可以用于显式设置枚举常量的值。 176 177```typescript 178enum ColorSet { White = 0xFF, Grey = 0x7F, Black = 0x00 } 179let c: ColorSet = ColorSet.Black; 180``` 181 182#### `Union`类型 183 184`union`类型,即联合类型,是由多个类型组合成的引用类型。联合类型包含了变量可能的所有类型。 185 186```typescript 187class Cat { 188 name: string = 'cat'; 189 // ... 190} 191class Dog { 192 name: string = 'dog'; 193 // ... 194} 195class Frog { 196 name: string = 'frog'; 197 // ... 198} 199type Animal = Cat | Dog | Frog | number; 200// Cat、Dog、Frog是一些类型(类或接口) 201 202let animal: Animal = new Cat(); 203animal = new Frog(); 204animal = 42; 205// 可以将类型为联合类型的变量赋值为任何组成类型的有效值 206``` 207 208可以用不同的机制获取联合类型中特定类型的值。 209示例: 210 211```typescript 212class Cat { sleep () {}; meow () {} } 213class Dog { sleep () {}; bark () {} } 214class Frog { sleep () {}; leap () {} } 215 216type Animal = Cat | Dog | Frog; 217 218function foo(animal: Animal) { 219 if (animal instanceof Frog) { 220 animal.leap(); // animal在这里是Frog类型 221 } 222 animal.sleep(); // Animal具有sleep方法 223} 224``` 225 226#### `Aliases`类型 227 228`Aliases`类型为匿名类型(数组、函数、对象字面量或联合类型)提供名称,或为已有类型提供替代名称。 229 230```typescript 231type Matrix = number[][]; 232type Handler = (s: string, no: number) => string; 233type Predicate <T> = (x: T) => boolean; 234type NullableObject = Object | null; 235``` 236 237### 运算符 238 239#### 赋值运算符 240 241赋值运算符`=`,使用方式如`x=y`。 242 243复合赋值运算符将赋值与运算符组合在一起,其中`x op = y`等于`x = x op y`。 244 245复合赋值运算符列举如下:`+=`、`-=`、`*=`、`/=`、`%=`、`<<=`、`>>=`、`>>>=`、`&=`、`|=`、`^=`。 246 247#### 比较运算符 248 249| 运算符| 说明 | 250| -------- | ------------------------------------------------------------ | 251| `===` | 如果两个操作数严格相等(对于不同类型的操作数认为是不相等的),则返回true。 | 252| `!==` | 如果两个操作数严格不相等(对于不同类型的操作数认为是不相等的),则返回true。 | 253| `==` | 如果两个操作数相等,则返回true。 | 254| `!=` | 如果两个操作数不相等,则返回true。 | 255| `>` | 如果左操作数大于右操作数,则返回true。 | 256| `>=` | 如果左操作数大于或等于右操作数,则返回true。 | 257| `<` | 如果左操作数小于右操作数,则返回true。 | 258| `<=` | 如果左操作数小于或等于右操作数,则返回true。 | 259 260#### 算术运算符 261 262一元运算符为`-`、`+`、`--`、`++`。 263 264二元运算符列举如下: 265 266| 运算符| 说明 | 267| -------- | ------------------------ | 268| `+` | 加法 | 269| `-` | 减法 | 270| `*` | 乘法 | 271| `/` | 除法 | 272| `%` | 除法后余数| 273 274#### 位运算符 275 276| 运算符 | 说明 | 277| --------- | ------------------------------------------------------------ | 278| `a & b` | 按位与:如果两个操作数的对应位都为1,则将这个位设置为1,否则设置为0。| 279| `a \| b` | 按位或:如果两个操作数的相应位中至少有一个为1,则将这个位设置为1,否则设置为0。| 280| `a ^ b` | 按位异或:如果两个操作数的对应位不同,则将这个位设置为1,否则设置为0。| 281| `~ a` | 按位非:反转操作数的位。 | 282| `a << b` | 左移:将a的二进制表示向左移b位。| 283| `a >> b` | 算术右移:将a的二进制表示向右移b位,带符号扩展。| 284| `a >>> b` | 逻辑右移:将a的二进制表示向右移b位,左边补0。| 285 286#### 逻辑运算符 287 288| 运算符 | 说明| 289| ---------- | ----------- | 290| `a && b` | 逻辑与 | 291| `a \|\| b` | 逻辑或 | 292| `! a` | 逻辑非 | 293 294### 语句 295 296#### `If`语句 297 298`if`语句用于需要根据逻辑条件执行不同语句的场景。当逻辑条件为真时,执行对应的一组语句,否则执行另一组语句(如果有的话)。 299`else`部分也可能包含`if`语句。 300 301`if`语句如下所示: 302 303```typescript 304if (condition1) { 305 // 语句1 306} else if (condition2) { 307 // 语句2 308} else { 309 // else语句 310} 311``` 312 313条件表达式可以是任何类型。但是对于`boolean`以外的类型,会进行隐式类型转换: 314 315```typescript 316let s1 = 'Hello'; 317if (s1) { 318 console.log(s1); // 打印“Hello” 319} 320 321let s2 = 'World'; 322if (s2.length != 0) { 323 console.log(s2); // 打印“World” 324} 325``` 326 327#### `Switch`语句 328 329使用`switch`语句来执行与`switch`表达式值匹配的代码块。 330 331`switch`语句如下所示: 332 333```typescript 334switch (expression) { 335 case label1: // 如果label1匹配,则执行 336 // ... 337 // 语句1 338 // ... 339 break; // 可省略 340 case label2: 341 case label3: // 如果label2或label3匹配,则执行 342 // ... 343 // 语句23 344 // ... 345 break; // 可省略 346 default: 347 // 默认语句 348} 349``` 350 351如果`switch`表达式的值等于某个label的值,则执行相应的语句。 352 353如果没有任何一个label值与表达式值相匹配,并且`switch`具有`default`子句,那么程序会执行`default`子句对应的代码块。 354 355`break`语句(可选的)允许跳出`switch`语句并继续执行`switch`语句之后的语句。 356 357如果没有`break`语句,则执行`switch`中的下一个label对应的代码块。 358 359#### 条件表达式 360 361条件表达式由第一个表达式的布尔值来决定返回其它两个表达式中的哪一个。 362 363示例如下: 364 365```typescript 366condition ? expression1 : expression2 367``` 368 369如果`condition`的值为真值(转换后为`true`的值),则使用`expression1`作为该表达式的结果;否则,使用`expression2`。 370 371示例: 372 373```typescript 374let message = Math.random() > 0.5 ? 'Valid' : 'Failed'; 375``` 376 377#### `For`语句 378 379`for`语句会被重复执行,直到循环退出语句值为`false`。 380 381`for`语句如下所示: 382 383```typescript 384for ([init]; [condition]; [update]) { 385 statements 386} 387``` 388 389`for`语句的执行流程如下: 390 3911、 执行`init`表达式(如有)。此表达式通常初始化一个或多个循环计数器。 3922、 计算`condition`。如果它为真值(转换后为`true`的值),则执行循环主体的语句。如果它为假值(转换后为`false`的值),则`for`循环终止。 3933、 执行循环主体的语句。 3944、 如果有`update`表达式,则执行该表达式。 3955、 回到步骤2。 396 397示例: 398 399```typescript 400let sum = 0; 401for (let i = 0; i < 10; i += 2) { 402 sum += i; 403} 404``` 405 406#### `For-of`语句 407 408使用`for-of`语句可遍历数组或字符串。示例如下: 409 410```typescript 411for (forVar of expression) { 412 statements 413} 414``` 415 416示例: 417 418```typescript 419for (let ch of 'a string object') { 420 /* process ch */ 421} 422``` 423 424#### `While`语句 425 426只要`condition`为真值(转换后为`true`的值),`while`语句就会执行`statements`语句。示例如下: 427 428```typescript 429while (condition) { 430 statements 431} 432``` 433 434示例: 435 436```typescript 437let n = 0; 438let x = 0; 439while (n < 3) { 440 n++; 441 x += n; 442} 443``` 444 445#### `Do-while`语句 446 447如果`condition`的值为真值(转换后为`true`的值),那么`statements`语句会重复执行。示例如下: 448 449```typescript 450do { 451 statements 452} while (condition) 453``` 454 455示例: 456 457```typescript 458let i = 0; 459do { 460 i += 1; 461} while (i < 10) 462``` 463 464#### `Break`语句 465 466使用`break`语句可以终止循环语句或`switch`。 467 468示例: 469 470```typescript 471let x = 0; 472while (true) { 473 x++; 474 if (x > 5) { 475 break; 476 } 477} 478``` 479 480如果`break`语句后带有标识符,则将控制流转移到该标识符所包含的语句块之外。 481 482示例: 483 484```typescript 485let x = 1; 486label: while (true) { 487 switch (x) { 488 case 1: 489 // statements 490 break label; // 中断while语句 491 } 492} 493``` 494 495#### `Continue`语句 496 497`continue`语句会停止当前循环迭代的执行,并将控制传递给下一个迭代。 498 499示例: 500 501```typescript 502let sum = 0; 503for (let x = 0; x < 100; x++) { 504 if (x % 2 == 0) { 505 continue; 506 } 507 sum += x; 508} 509``` 510 511#### `Throw`和`Try`语句 512 513`throw`语句用于抛出异常或错误: 514 515```typescript 516throw new Error('this error') 517``` 518 519`try`语句用于捕获和处理异常或错误: 520 521```typescript 522try { 523 // 可能发生异常的语句块 524} catch (e) { 525 // 异常处理 526} 527``` 528 529下面的示例中`throw`和`try`语句用于处理除数为0的错误: 530 531```typescript 532class ZeroDivisor extends Error {} 533 534function divide (a: number, b: number): number{ 535 if (b == 0) throw new ZeroDivisor(); 536 return a / b; 537} 538 539function process (a: number, b: number) { 540 try { 541 let res = divide(a, b); 542 console.log('result: ' + res); 543 } catch (x) { 544 console.log('some error'); 545 } 546} 547``` 548 549支持`finally`语句: 550 551```typescript 552function processData(s: string) { 553 let error: Error | null = null; 554 555 try { 556 console.log('Data processed: ' + s); 557 // ... 558 // 可能发生异常的语句 559 // ... 560 } catch (e) { 561 error = e as Error; 562 // ... 563 // 异常处理 564 // ... 565 } finally { 566 if (error != null) { 567 console.log(`Error caught: input='${s}', message='${error.message}'`); 568 } 569 } 570} 571``` 572 573## 函数 574 575### 函数声明 576 577函数声明引入一个函数,包含其名称、参数列表、返回类型和函数体。 578 579以下示例是一个简单的函数,包含两个`string`类型的参数,返回类型为`string`: 580 581```typescript 582function add(x: string, y: string): string { 583 let z: string = `${x} ${y}`; 584 return z; 585} 586``` 587 588在函数声明中,必须为每个参数标记类型。如果参数为可选参数,那么允许在调用函数时省略该参数。函数的最后一个参数可以是rest参数。 589 590### 可选参数 591 592可选参数的格式可为`name?: Type`。 593 594```typescript 595function hello(name?: string) { 596 if (name == undefined) { 597 console.log('Hello!'); 598 } else { 599 console.log(`Hello, ${name}!`); 600 } 601} 602``` 603 604可选参数的另一种形式为设置的参数默认值。如果在函数调用中这个参数被省略了,则会使用此参数的默认值作为实参。 605 606```typescript 607function multiply(n: number, coeff: number = 2): number { 608 return n * coeff; 609} 610multiply(2); // 返回2*2 611multiply(2, 3); // 返回2*3 612``` 613 614### Rest参数 615 616函数的最后一个参数可以是rest参数。使用rest参数时,允许函数或方法接受任意数量的实参。 617 618```typescript 619function sum(...numbers: number[]): number { 620 let res = 0; 621 for (let n of numbers) 622 res += n; 623 return res; 624} 625 626sum(); // 返回0 627sum(1, 2, 3); // 返回6 628``` 629 630### 返回类型 631 632如果可以从函数体内推断出函数返回类型,则可在函数声明中省略标注返回类型。 633 634```typescript 635// 显式指定返回类型 636function foo(): string { return 'foo'; } 637 638// 推断返回类型为string 639function goo() { return 'goo'; } 640``` 641 642不需要返回值的函数的返回类型可以显式指定为`void`或省略标注。这类函数不需要返回语句。 643 644以下示例中两种函数声明方式都是有效的: 645 646```typescript 647function hi1() { console.log('hi'); } 648function hi2(): void { console.log('hi'); } 649``` 650 651### 函数的作用域 652 653函数中定义的变量和其他实例仅可以在函数内部访问,不能从外部访问。 654 655如果函数中定义的变量与外部作用域中已有实例同名,则函数内的局部变量定义将覆盖外部定义。 656 657### 函数调用 658 659调用函数以执行其函数体,实参值会赋值给函数的形参。 660 661如果函数定义如下: 662 663```typescript 664function join(x: string, y: string): string { 665 let z: string = `${x} ${y}`; 666 return z; 667} 668``` 669 670则此函数的调用需要包含两个`string`类型的参数: 671 672```typescript 673let x = join('hello', 'world'); 674console.log(x); 675``` 676 677### 函数类型 678 679函数类型通常用于定义回调: 680 681```typescript 682type trigFunc = (x: number) => number // 这是一个函数类型 683 684function do_action(f: trigFunc) { 685 f(3.141592653589); // 调用函数 686} 687 688do_action(Math.sin); // 将函数作为参数传入 689``` 690 691### 箭头函数(又名Lambda函数) 692 693函数可以定义为箭头函数,例如: 694 695```typescript 696let sum = (x: number, y: number): number => { 697 return x + y; 698} 699``` 700 701箭头函数的返回类型可以省略;省略时,返回类型通过函数体推断。 702 703表达式可以指定为箭头函数,使表达更简短,因此以下两种表达方式是等价的: 704 705```typescript 706let sum1 = (x: number, y: number) => { return x + y; } 707let sum2 = (x: number, y: number) => x + y 708``` 709 710### 闭包 711 712闭包是由函数及声明该函数的环境组合而成的。该环境包含了这个闭包创建时作用域内的任何局部变量。 713 714在下例中,`f`函数返回了一个闭包,它捕获了`count`变量,每次调用`z`,`count`的值会被保留并递增。 715 716```typescript 717function f(): () => number { 718 let count = 0; 719 let g = (): number => { count++; return count; }; 720 return g; 721} 722 723let z = f(); 724z(); // 返回:1 725z(); // 返回:2 726``` 727 728### 函数重载 729 730我们可以通过编写重载,指定函数的不同调用方式。具体方法为,为同一个函数写入多个同名但签名不同的函数头,函数实现紧随其后。 731 732```typescript 733function foo(x: number): void; /* 第一个函数定义 */ 734function foo(x: string): void; /* 第二个函数定义 */ 735function foo(x: number | string): void { /* 函数实现 */ 736} 737 738foo(123); // OK,使用第一个定义 739foo('aa'); // OK,使用第二个定义 740``` 741 742不允许重载函数有相同的名字以及参数列表,否则将会编译报错。 743 744## 类 745 746类声明引入一个新类型,并定义其字段、方法和构造函数。 747 748在以下示例中,定义了`Person`类,该类具有字段`name`和`surname`、构造函数和方法`fullName`: 749 750```typescript 751class Person { 752 name: string = ''; 753 surname: string = ''; 754 constructor (n: string, sn: string) { 755 this.name = n; 756 this.surname = sn; 757 } 758 fullName(): string { 759 return this.name + ' ' + this.surname; 760 } 761} 762``` 763 764定义类后,可以使用关键字`new`创建实例: 765 766```typescript 767let p = new Person('John', 'Smith'); 768console.log(p.fullName()); 769``` 770 771或者,可以使用对象字面量创建实例: 772 773```typescript 774class Point { 775 x: number = 0; 776 y: number = 0; 777} 778let p: Point = {x: 42, y: 42}; 779``` 780 781### 字段 782 783字段是直接在类中声明的某种类型的变量。 784 785类可以具有实例字段或者静态字段。 786 787#### 实例字段 788 789实例字段存在于类的每个实例上。每个实例都有自己的实例字段集合。 790 791要访问实例字段,需要使用类的实例。 792 793```typescript 794class Person { 795 name: string = ''; 796 age: number = 0; 797 constructor(n: string, a: number) { 798 this.name = n; 799 this.age = a; 800 } 801 802 getName(): string { 803 return this.name; 804 } 805} 806 807let p1 = new Person('Alice', 25); 808p1.name; 809let p2 = new Person('Bob', 28); 810p2.getName(); 811``` 812 813#### 静态字段 814 815使用关键字`static`将字段声明为静态。静态字段属于类本身,类的所有实例共享一个静态字段。 816 817要访问静态字段,需要使用类名: 818 819```typescript 820class Person { 821 static numberOfPersons = 0; 822 constructor() { 823 // ... 824 Person.numberOfPersons++; 825 // ... 826 } 827} 828 829Person.numberOfPersons; 830``` 831 832#### 字段初始化 833 834为了减少运行时的错误和获得更好的执行性能, 835ArkTS要求所有字段在声明时或者构造函数中显式初始化。这和标准TS中的`strictPropertyInitialization`模式一样。 836 837以下代码是在ArkTS中不合法的代码。 838 839```typescript 840class Person { 841 name: string; // undefined 842 843 setName(n:string): void { 844 this.name = n; 845 } 846 847 getName(): string { 848 // 开发者使用"string"作为返回类型,这隐藏了name可能为"undefined"的事实。 849 // 更合适的做法是将返回类型标注为"string | undefined",以告诉开发者这个API所有可能的返回值。 850 return this.name; 851 } 852} 853 854let jack = new Person(); 855// 假设代码中没有对name赋值,例如调用"jack.setName('Jack')" 856jack.getName().length; // 运行时异常:name is undefined 857``` 858 859在ArkTS中,应该这样写代码。 860 861```typescript 862class Person { 863 name: string = ''; 864 865 setName(n:string): void { 866 this.name = n; 867 } 868 869 // 类型为'string',不可能为"null"或者"undefined" 870 getName(): string { 871 return this.name; 872 } 873} 874 875 876let jack = new Person(); 877// 假设代码中没有对name赋值,例如调用"jack.setName('Jack')" 878jack.getName().length; // 0, 没有运行时异常 879``` 880 881接下来的代码展示了如果`name`的值可以是`undefined`,那么应该如何写代码。 882 883```typescript 884class Person { 885 name?: string; // 可能为`undefined` 886 887 setName(n:string): void { 888 this.name = n; 889 } 890 891 // 编译时错误:name可以是"undefined",所以这个API的返回值类型不能仅定义为string类型 892 getNameWrong(): string { 893 return this.name; 894 } 895 896 getName(): string | undefined { // 返回类型匹配name的类型 897 return this.name; 898 } 899} 900 901let jack = new Person(); 902// 假设代码中没有对name赋值,例如调用"jack.setName('Jack')" 903 904// 编译时错误:编译器认为下一行代码有可能会访问undefined的属性,报错 905jack.getName().length; // 编译失败 906 907jack.getName()?.length; // 编译成功,没有运行时错误 908``` 909 910#### getter和setter 911 912setter和getter可用于提供对对象属性的受控访问。 913 914在以下示例中,setter用于禁止将`_age`属性设置为无效值: 915 916```typescript 917class Person { 918 name: string = ''; 919 private _age: number = 0; 920 get age(): number { return this._age; } 921 set age(x: number) { 922 if (x < 0) { 923 throw Error('Invalid age argument'); 924 } 925 this._age = x; 926 } 927} 928 929let p = new Person(); 930p.age; // 输出0 931p.age = -42; // 设置无效age值会抛出错误 932``` 933 934在类中可以定义getter或者setter。 935 936### 方法 937 938方法属于类。类可以定义实例方法或者静态方法。静态方法属于类本身,只能访问静态字段。而实例方法既可以访问静态字段,也可以访问实例字段,包括类的私有字段。 939 940#### 实例方法 941 942以下示例说明了实例方法的工作原理。 943 944`calculateArea`方法通过将高度乘以宽度来计算矩形的面积: 945 946```typescript 947class RectangleSize { 948 private height: number = 0; 949 private width: number = 0; 950 constructor(height: number, width: number) { 951 this.height = height; 952 this.width = width; 953 } 954 calculateArea(): number { 955 return this.height * this.width; 956 } 957} 958``` 959 960必须通过类的实例调用实例方法: 961 962```typescript 963let square = new RectangleSize(10, 10); 964square.calculateArea(); // 输出:100 965``` 966 967#### 静态方法 968 969使用关键字`static`将方法声明为静态。静态方法属于类本身,只能访问静态字段。 970 971静态方法定义了类作为一个整体的公共行为。 972 973必须通过类名调用静态方法: 974 975```typescript 976class Cl { 977 static staticMethod(): string { 978 return 'this is a static method.'; 979 } 980} 981console.log(Cl.staticMethod()); 982``` 983 984#### 继承 985 986一个类可以继承另一个类(称为基类),并使用以下语法实现多个接口: 987 988```typescript 989class [extends BaseClassName] [implements listOfInterfaces] { 990 // ... 991} 992``` 993 994继承类继承基类的字段和方法,但不继承构造函数。继承类可以新增定义字段和方法,也可以覆盖其基类定义的方法。 995 996基类也称为“父类”或“超类”。继承类也称为“派生类”或“子类”。 997 998示例: 999 1000```typescript 1001class Person { 1002 name: string = ''; 1003 private _age = 0; 1004 get age(): number { 1005 return this._age; 1006 } 1007} 1008class Employee extends Person { 1009 salary: number = 0; 1010 calculateTaxes(): number { 1011 return this.salary * 0.42; 1012 } 1013} 1014``` 1015 1016包含`implements`子句的类必须实现列出的接口中定义的所有方法,但使用默认实现定义的方法除外。 1017 1018```typescript 1019interface DateInterface { 1020 now(): string; 1021} 1022class MyDate implements DateInterface { 1023 now(): string { 1024 // 在此实现 1025 return 'now'; 1026 } 1027} 1028``` 1029 1030#### 父类访问 1031 1032关键字`super`可用于访问父类的实例字段、实例方法和构造函数。在实现子类功能时,可以通过该关键字从父类中获取所需接口: 1033 1034```typescript 1035class RectangleSize { 1036 protected height: number = 0; 1037 protected width: number = 0; 1038 1039 constructor (h: number, w: number) { 1040 this.height = h; 1041 this.width = w; 1042 } 1043 1044 draw() { 1045 /* 绘制边界 */ 1046 } 1047} 1048class FilledRectangle extends RectangleSize { 1049 color = '' 1050 constructor (h: number, w: number, c: string) { 1051 super(h, w); // 父类构造函数的调用 1052 this.color = c; 1053 } 1054 1055 draw() { 1056 super.draw(); // 父类方法的调用 1057 // super.height -可在此处使用 1058 /* 填充矩形 */ 1059 } 1060} 1061``` 1062 1063#### 方法重写 1064 1065子类可以重写其父类中定义的方法的实现。重写的方法必须具有与原始方法相同的参数类型和相同或派生的返回类型。 1066 1067```typescript 1068class RectangleSize { 1069 // ... 1070 area(): number { 1071 // 实现 1072 return 0; 1073 } 1074} 1075class Square extends RectangleSize { 1076 private side: number = 0; 1077 area(): number { 1078 return this.side * this.side; 1079 } 1080} 1081``` 1082 1083#### 方法重载签名 1084 1085通过重载签名,指定方法的不同调用。具体方法为,为同一个方法写入多个同名但签名不同的方法头,方法实现紧随其后。 1086 1087```typescript 1088class C { 1089 foo(x: number): void; /* 第一个签名 */ 1090 foo(x: string): void; /* 第二个签名 */ 1091 foo(x: number | string): void { /* 实现签名 */ 1092 } 1093} 1094let c = new C(); 1095c.foo(123); // OK,使用第一个签名 1096c.foo('aa'); // OK,使用第二个签名 1097``` 1098 1099如果两个重载签名的名称和参数列表均相同,则为错误。 1100 1101### 构造函数 1102 1103类声明可以包含用于初始化对象状态的构造函数。 1104 1105构造函数定义如下: 1106 1107```typescript 1108constructor ([parameters]) { 1109 // ... 1110} 1111``` 1112 1113如果未定义构造函数,则会自动创建具有空参数列表的默认构造函数,例如: 1114 1115```typescript 1116class Point { 1117 x: number = 0; 1118 y: number = 0; 1119} 1120let p = new Point(); 1121``` 1122 1123在这种情况下,默认构造函数使用字段类型的默认值来初始化实例中的字段。 1124 1125#### 派生类的构造函数 1126 1127构造函数函数体的第一条语句可以使用关键字`super`来显式调用直接父类的构造函数。 1128 1129```typescript 1130class RectangleSize { 1131 constructor(width: number, height: number) { 1132 // ... 1133 } 1134} 1135class Square extends RectangleSize { 1136 constructor(side: number) { 1137 super(side, side); 1138 } 1139} 1140``` 1141 1142#### 构造函数重载签名 1143 1144我们可以通过编写重载签名,指定构造函数的不同调用方式。具体方法为,为同一个构造函数写入多个同名但签名不同的构造函数头,构造函数实现紧随其后。 1145 1146```typescript 1147class C { 1148 constructor(x: number) /* 第一个签名 */ 1149 constructor(x: string) /* 第二个签名 */ 1150 constructor(x: number | string) { /* 实现签名 */ 1151 } 1152} 1153let c1 = new C(123); // OK,使用第一个签名 1154let c2 = new C('abc'); // OK,使用第二个签名 1155``` 1156 1157如果两个重载签名的名称和参数列表均相同,则为错误。 1158 1159### 可见性修饰符 1160 1161类的方法和属性都可以使用可见性修饰符。 1162 1163可见性修饰符包括:`private`、`protected`和`public`。默认可见性为`public`。 1164 1165#### Public(公有) 1166 1167`public`修饰的类成员(字段、方法、构造函数)在程序的任何可访问该类的地方都是可见的。 1168 1169#### Private(私有) 1170 1171`private`修饰的成员不能在声明该成员的类之外访问,例如: 1172 1173```typescript 1174class C { 1175 public x: string = ''; 1176 private y: string = ''; 1177 set_y (new_y: string) { 1178 this.y = new_y; // OK,因为y在类本身中可以访问 1179 } 1180} 1181let c = new C(); 1182c.x = 'a'; // OK,该字段是公有的 1183c.y = 'b'; // 编译时错误:'y'不可见 1184``` 1185 1186#### Protected(受保护) 1187 1188`protected`修饰符的作用与`private`修饰符非常相似,不同点是`protected`修饰的成员允许在派生类中访问,例如: 1189 1190```typescript 1191class Base { 1192 protected x: string = ''; 1193 private y: string = ''; 1194} 1195class Derived extends Base { 1196 foo() { 1197 this.x = 'a'; // OK,访问受保护成员 1198 this.y = 'b'; // 编译时错误,'y'不可见,因为它是私有的 1199 } 1200} 1201``` 1202 1203### 对象字面量 1204 1205对象字面量是一个表达式,可用于创建类实例并提供一些初始值。它在某些情况下更方便,可以用来代替`new`表达式。 1206 1207对象字面量的表示方式是:封闭在花括号对({})中的'属性名:值'的列表。 1208 1209```typescript 1210class C { 1211 n: number = 0; 1212 s: string = ''; 1213} 1214 1215let c: C = {n: 42, s: 'foo'}; 1216``` 1217 1218ArkTS是静态类型语言,如上述示例所示,对象字面量只能在可以推导出该字面量类型的上下文中使用。其他正确的例子: 1219 1220```typescript 1221class C { 1222 n: number = 0; 1223 s: string = ''; 1224} 1225 1226function foo(c: C) {} 1227 1228let c: C 1229 1230c = {n: 42, s: 'foo'}; // 使用变量的类型 1231foo({n: 42, s: 'foo'}); // 使用参数的类型 1232 1233function bar(): C { 1234 return {n: 42, s: 'foo'}; // 使用返回类型 1235} 1236``` 1237 1238也可以在数组元素类型或类字段类型中使用: 1239 1240```typescript 1241class C { 1242 n: number = 0; 1243 s: string = ''; 1244} 1245let cc: C[] = [{n: 1, s: 'a'}, {n: 2, s: 'b'}]; 1246``` 1247 1248#### `Record`类型的对象字面量 1249 1250泛型`Record<K, V>`用于将类型(键类型)的属性映射到另一个类型(值类型)。常用对象字面量来初始化该类型的值: 1251 1252```typescript 1253let map: Record<string, number> = { 1254 'John': 25, 1255 'Mary': 21, 1256} 1257 1258map['John']; // 25 1259``` 1260 1261类型`K`可以是字符串类型或数值类型,而`V`可以是任何类型。 1262 1263```typescript 1264interface PersonInfo { 1265 age: number; 1266 salary: number; 1267} 1268let map: Record<string, PersonInfo> = { 1269 'John': { age: 25, salary: 10}, 1270 'Mary': { age: 21, salary: 20} 1271} 1272``` 1273 1274### 抽象类 1275 1276带有修饰符abstract的类称为抽象类。抽象类可用于表示一组更具体的概念所共有的概念。 1277 1278如果尝试创建抽象类的实例,则会发生编译时的错误: 1279 1280```typescript 1281abstract class X { 1282 field: number; 1283 constructor(p: number) { 1284 this.field = p; 1285 } 1286} 1287 1288let x = new X(666) //编译时错误:不能创建抽象类的具体实例 1289``` 1290 1291抽象类的子类可以是抽象类也可以是非抽象类。抽象父类的非抽象子类可以实例化。因此,执行抽象类的构造函数和该类非静态字段的字段初始化器: 1292 1293```typescript 1294abstract class Base { 1295 field: number; 1296 constructor(p: number) { 1297 this.field = p; 1298 } 1299} 1300 1301class Derived extends Base { 1302 constructor(p: number) { 1303 super(p); 1304 } 1305} 1306``` 1307 1308#### 抽象方法 1309 1310带有abstract修饰符的方法称为抽象方法,抽象方法可以被声明但不能被实现。 1311 1312只有抽象类内才能有抽象方法,如果非抽象类具有抽象方法,则会发生编译时错误: 1313 1314```typescript 1315class Y { 1316 abstract method(p: string) //编译时错误:抽象方法只能在抽象类内。 1317} 1318``` 1319 1320## 接口 1321 1322接口声明引入新类型。接口是定义代码协定的常见方式。 1323 1324任何一个类的实例只要实现了特定接口,就可以通过该接口实现多态。 1325 1326接口通常包含属性和方法的声明 1327 1328示例: 1329 1330```typescript 1331interface Style { 1332 color: string; // 属性 1333} 1334interface AreaSize { 1335 calculateAreaSize(): number; // 方法的声明 1336 someMethod(): void; // 方法的声明 1337} 1338``` 1339 1340实现接口的类示例: 1341 1342```typescript 1343// 接口: 1344interface AreaSize { 1345 calculateAreaSize(): number; // 方法的声明 1346 someMethod(): void; // 方法的声明 1347} 1348 1349// 实现: 1350class RectangleSize implements AreaSize { 1351 private width: number = 0; 1352 private height: number = 0; 1353 someMethod(): void { 1354 console.log('someMethod called'); 1355 } 1356 calculateAreaSize(): number { 1357 this.someMethod(); // 调用另一个方法并返回结果 1358 return this.width * this.height; 1359 } 1360} 1361``` 1362 1363### 接口属性 1364 1365接口属性可以是字段、getter、setter或getter和setter组合的形式。 1366 1367属性字段只是getter/setter对的便捷写法。以下表达方式是等价的: 1368 1369```typescript 1370interface Style { 1371 color: string; 1372} 1373``` 1374 1375```typescript 1376interface Style { 1377 get color(): string; 1378 set color(x: string); 1379} 1380``` 1381 1382实现接口的类也可以使用以下两种方式: 1383 1384```typescript 1385interface Style { 1386 color: string; 1387} 1388 1389class StyledRectangle implements Style { 1390 color: string = ''; 1391} 1392``` 1393 1394```typescript 1395interface Style { 1396 color: string; 1397} 1398 1399class StyledRectangle implements Style { 1400 private _color: string = ''; 1401 get color(): string { return this._color; } 1402 set color(x: string) { this._color = x; } 1403} 1404``` 1405 1406### 接口继承 1407 1408接口可以继承其他接口,如下面的示例所示: 1409 1410```typescript 1411interface Style { 1412 color: string; 1413} 1414 1415interface ExtendedStyle extends Style { 1416 width: number; 1417} 1418``` 1419 1420继承接口包含被继承接口的所有属性和方法,还可以添加自己的属性和方法。 1421 1422 1423### 抽象类和接口 1424 1425抽象类与接口都无法实例化。抽象类是类的抽象,抽象类用来捕捉子类的通用特性,接口是行为的抽象。在ArkTS中抽象类与接口的区别如下: 1426 1427* 一个类只能继承一个抽象类,而一个类可以实现一个或多个接口; 1428* 接口中不能含有静态代码块以及静态方法,而抽象类可以有静态代码块和静态方法; 1429* 抽象类里面可以有方法的实现,但是接口完全都是抽象的,不存在方法的实现; 1430* 抽象类可以有构造函数,而接口不能有构造函数。 1431 1432## 泛型类型和函数 1433 1434泛型类型和函数允许创建的代码在各种类型上运行,而不仅支持单一类型。 1435 1436### 泛型类和接口 1437 1438类和接口可以定义为泛型,将参数添加到类型定义中,如以下示例中的类型参数`Element`: 1439 1440```typescript 1441class CustomStack<Element> { 1442 public push(e: Element):void { 1443 // ... 1444 } 1445} 1446``` 1447 1448要使用类型CustomStack,必须为每个类型参数指定类型实参: 1449 1450```typescript 1451let s = new CustomStack<string>(); 1452s.push('hello'); 1453``` 1454 1455编译器在使用泛型类型和函数时会确保类型安全。参见以下示例: 1456 1457```typescript 1458let s = new CustomStack<string>(); 1459s.push(55); // 将会产生编译时错误 1460``` 1461 1462### 泛型约束 1463 1464泛型类型的类型参数可以被限制只能取某些特定的值。例如,`MyHashMap<Key, Value>`这个类中的`Key`类型参数必须具有`hash`方法。 1465 1466```typescript 1467interface Hashable { 1468 hash(): number; 1469} 1470class MyHashMap<Key extends Hashable, Value> { 1471 public set(k: Key, v: Value) { 1472 let h = k.hash(); 1473 // ...其他代码... 1474 } 1475} 1476``` 1477 1478在上面的例子中,`Key`类型扩展了`Hashable`,`Hashable`接口的所有方法都可以为key调用。 1479 1480### 泛型函数 1481 1482使用泛型函数可编写更通用的代码。比如返回数组最后一个元素的函数: 1483 1484```typescript 1485function last(x: number[]): number { 1486 return x[x.length - 1]; 1487} 1488last([1, 2, 3]); // 3 1489``` 1490 1491如果需要为任何数组定义相同的函数,使用类型参数将该函数定义为泛型: 1492 1493```typescript 1494function last<T>(x: T[]): T { 1495 return x[x.length - 1]; 1496} 1497``` 1498 1499现在,该函数可以与任何数组一起使用。 1500 1501在函数调用中,类型实参可以显式或隐式设置: 1502 1503```typescript 1504// 显式设置的类型实参 1505last<string>(['aa', 'bb']); 1506last<number>([1, 2, 3]); 1507 1508// 隐式设置的类型实参 1509// 编译器根据调用参数的类型来确定类型实参 1510last([1, 2, 3]); 1511``` 1512 1513### 泛型默认值 1514 1515泛型类型的类型参数可以设置默认值。这样可以不指定实际的类型实参,而只使用泛型类型名称。下面的示例展示了类和函数的这一点。 1516 1517```typescript 1518class SomeType {} 1519interface Interface <T1 = SomeType> { } 1520class Base <T2 = SomeType> { } 1521class Derived1 extends Base implements Interface { } 1522// Derived1在语义上等价于Derived2 1523class Derived2 extends Base<SomeType> implements Interface<SomeType> { } 1524 1525function foo<T = number>(): T { 1526 // ... 1527} 1528foo(); 1529// 此函数在语义上等价于下面的调用 1530foo<number>(); 1531``` 1532 1533## 空安全 1534 1535默认情况下,ArkTS中的所有类型都是不可为空的,因此类型的值不能为空。这类似于TypeScript的严格空值检查模式(`strictNullChecks`),但规则更严格。 1536 1537在下面的示例中,所有行都会导致编译时错误: 1538 1539```typescript 1540let x: number = null; // 编译时错误 1541let y: string = null; // 编译时错误 1542let z: number[] = null; // 编译时错误 1543``` 1544 1545可以为空值的变量定义为联合类型`T | null`。 1546 1547```typescript 1548let x: number | null = null; 1549x = 1; // ok 1550x = null; // ok 1551if (x != null) { /* do something */ } 1552``` 1553 1554### 非空断言运算符 1555 1556后缀运算符`!`可用于断言其操作数为非空。 1557 1558应用于可空类型的值时,它的编译时类型变为非空类型。例如,类型将从`T | null`更改为`T`: 1559 1560```typescript 1561class A { 1562 value: number = 0; 1563} 1564 1565function foo(a: A | null) { 1566 a.value; // 编译时错误:无法访问可空值的属性 1567 a!.value; // 编译通过,如果运行时a的值非空,可以访问到a的属性;如果运行时a的值为空,则发生运行时异常 1568} 1569``` 1570 1571### 空值合并运算符 1572 1573空值合并二元运算符`??`用于检查左侧表达式的求值是否等于`null`或者`undefined`。如果是,则表达式的结果为右侧表达式;否则,结果为左侧表达式。 1574 1575换句话说,`a ?? b`等价于三元运算符`(a != null && a != undefined) ? a : b`。 1576 1577在以下示例中,`getNick`方法如果设置了昵称,则返回昵称;否则,返回空字符串: 1578 1579```typescript 1580class Person { 1581 // ... 1582 nick: string | null = null; 1583 getNick(): string { 1584 return this.nick ?? ''; 1585 } 1586} 1587``` 1588 1589### 可选链 1590 1591在访问对象属性时,如果该属性是`undefined`或者`null`,可选链运算符会返回`undefined`。 1592 1593```typescript 1594class Person { 1595 nick: string | null = null; 1596 spouse?: Person 1597 1598 setSpouse(spouse: Person): void { 1599 this.spouse = spouse; 1600 } 1601 1602 getSpouseNick(): string | null | undefined { 1603 return this.spouse?.nick; 1604 } 1605 1606 constructor(nick: string) { 1607 this.nick = nick; 1608 this.spouse = undefined; 1609 } 1610} 1611``` 1612 1613**说明**:`getSpouseNick`的返回类型必须为`string | null | undefined`,因为该方法可能返回`null`或者`undefined`。 1614 1615可选链可以任意长,可以包含任意数量的`?.`运算符。 1616 1617在以下示例中,如果一个`Person`的实例有不为空的`spouse`属性,且`spouse`有不为空的`nick`属性,则输出`spouse.nick`。否则,输出`undefined`: 1618 1619```typescript 1620class Person { 1621 nick: string | null = null; 1622 spouse?: Person; 1623 1624 constructor(nick: string) { 1625 this.nick = nick; 1626 this.spouse = undefined; 1627 } 1628} 1629 1630let p: Person = new Person('Alice'); 1631p.spouse?.nick; // undefined 1632``` 1633 1634## 模块 1635 1636程序可划分为多组编译单元或模块。 1637 1638每个模块都有其自己的作用域,即,在模块中创建的任何声明(变量、函数、类等)在该模块之外都不可见,除非它们被显式导出。 1639 1640与此相对,从另一个模块导出的变量、函数、类、接口等必须首先导入到模块中。 1641 1642### 导出 1643 1644可以使用关键字`export`导出顶层的声明。 1645 1646未导出的声明名称被视为私有名称,只能在声明该名称的模块中使用。 1647 1648```typescript 1649export class Point { 1650 x: number = 0; 1651 y: number = 0; 1652 constructor(x: number, y: number) { 1653 this.x = x; 1654 this.y = y; 1655 } 1656} 1657export let Origin = new Point(0, 0); 1658export function Distance(p1: Point, p2: Point): number { 1659 return Math.sqrt((p2.x - p1.x) * (p2.x - p1.x) + (p2.y - p1.y) * (p2.y - p1.y)); 1660} 1661``` 1662 1663### 导入 1664 1665#### 静态导入 1666 1667导入声明用于导入从其他模块导出的实体,并在当前模块中提供其绑定。导入声明由两部分组成: 1668 1669* 导入路径,用于指定导入的模块; 1670* 导入绑定,用于定义导入的模块中的可用实体集和使用形式(限定或不限定使用)。 1671 1672导入绑定可以有几种形式。 1673 1674假设模块具有路径“./utils”和导出实体“X”和“Y”。 1675 1676导入绑定`* as A`表示绑定名称“A”,通过`A.name`可访问从导入路径指定的模块导出的所有实体: 1677 1678```typescript 1679import * as Utils from './utils'; 1680Utils.X // 表示来自Utils的X 1681Utils.Y // 表示来自Utils的Y 1682``` 1683 1684导入绑定`{ ident1, ..., identN }`表示将导出的实体与指定名称绑定,该名称可以用作简单名称: 1685 1686```typescript 1687import { X, Y } from './utils'; 1688X // 表示来自utils的X 1689Y // 表示来自utils的Y 1690``` 1691 1692如果标识符列表定义了`ident as alias`,则实体`ident`将绑定在名称`alias`下: 1693 1694```typescript 1695import { X as Z, Y } from './utils'; 1696Z // 表示来自Utils的X 1697Y // 表示来自Utils的Y 1698X // 编译时错误:'X'不可见 1699``` 1700 1701#### 动态导入 1702应用开发的有些场景中,如果希望根据条件导入模块或者按需导入模块,可以使用动态导入代替静态导入。 1703import()语法通常称为动态导入(dynamic import),是一种类似函数的表达式,用来动态导入模块。以这种方式调用,将返回一个promise。 1704如下例所示,import(modulePath)可以加载模块并返回一个promise,该promise resolve为一个包含其所有导出的模块对象。该表达式可以在代码中的任意位置调用。 1705 1706```typescript 1707// Calc.ts 1708export function add(a:number, b:number):number { 1709 let c = a + b; 1710 console.info('Dynamic import, %d + %d = %d', a, b, c); 1711 return c; 1712} 1713 1714// Index.ts 1715import("./Calc").then((obj: ESObject) => { 1716 console.info(obj.add(3, 5)); 1717}).catch((err: Error) => { 1718 console.error("Module dynamic import error: ", err); 1719}); 1720``` 1721 1722如果在异步函数中,可以使用let module = await import(modulePath)。 1723 1724```typescript 1725// say.ts 1726export function hi() { 1727 console.log('Hello'); 1728} 1729export function bye() { 1730 console.log('Bye'); 1731} 1732``` 1733 1734那么,可以像下面这样进行动态导入: 1735 1736```typescript 1737async function test() { 1738 let ns = await import('./say'); 1739 let hi = ns.hi; 1740 let bye = ns.bye; 1741 hi(); 1742 bye(); 1743} 1744``` 1745 1746更多的使用动态import的业务场景和使用实例见[动态import](../arkts-utils/arkts-dynamic-import.md)。 1747 1748<!--RP2--><!--RP2End--> 1749 1750### 顶层语句 1751 1752顶层语句是指在模块的最外层直接编写的语句,这些语句不被包裹在任何函数、类、块级作用域中。顶层语句包括变量声明、函数声明、表达式等。 1753 1754## 关键字 1755 1756### this 1757 1758关键字`this`只能在类的实例方法中使用。 1759 1760**示例** 1761 1762```typescript 1763class A { 1764 count: string = 'a'; 1765 m(i: string): void { 1766 this.count = i; 1767 } 1768} 1769``` 1770 1771使用限制: 1772 1773* 不支持`this`类型 1774* 不支持在函数和类的静态方法中使用`this` 1775 1776**示例** 1777 1778```typescript 1779class A { 1780 n: number = 0; 1781 f1(arg1: this) {} // 编译时错误,不支持this类型 1782 static f2(arg1: number) { 1783 this.n = arg1; // 编译时错误,不支持在类的静态方法中使用this 1784 } 1785} 1786 1787function foo(arg1: number) { 1788 this.n = i; // 编译时错误,不支持在函数中使用this 1789} 1790``` 1791 1792关键字`this`的指向: 1793 1794* 调用实例方法的对象 1795* 正在构造的对象 1796 1797## ArkUI支持 1798 1799本节演示ArkTS为创建图形用户界面(GUI)程序提供的机制。ArkUI基于TypeScript提供了一系列扩展能力,以声明式地描述应用程序的GUI以及GUI组件间的交互。 1800 1801 1802### ArkUI示例 1803 1804[MVVM代码示例](arkts-mvvm.md#代码示例)提供了一个完整的基于ArkUI的应用程序,以展示其GUI编程功能。 1805 1806有关ArkUI功能的更多详细信息,请参见ArkUI[基本语法概述](arkts-basic-syntax-overview.md)。 1807