鸿蒙开发 一 (三)、ArkTS开发实战上

ArkTS 从 TypeScript 优化而来， 但有些用法又不太一样， 在开发中， 经常会出现一些报错提示，下面我们也汇总一些常见错误，捡一些常见的整理一下

Promise 的用法：

//TypeScript 写法：private loadData() {this.loadState = LoadState.LOADINGthis.loadDataByPage(0).then((data) => {this.data = data;if (this.data.length === 0) {this.loadState = LoadState.EMPTY;} else {this.loadState = LoadState.SUCCESS;}},(error) => {this.loadState = LoadState.FAIL;})}//ArkTS 写法：private loadData() {this.loadState = LoadState.LOADINGthis.loadDataByPage(0).then((data) => {this.data = data;if (this.data.length === 0) {this.loadState = LoadState.EMPTY;} else {this.loadState = LoadState.SUCCESS;}}).catch((error: BusinessError) => {this.loadState = LoadState.FAIL;})}

显式初始化类的属性

//TypeScript 写法
class Person {name: string // undefinedsetName(n: string): void {this.name = n}getName(): string {// 开发者使用"string"作为返回类型，这隐藏了name可能为"undefined"的事实。// 更合适的做法是将返回类型标注为"string | undefined"，以告诉开发者这个API所有可能的返回值的类型。return this.name}
}let buddy = new Person()
// 假设代码中没有对name的赋值，例如没有调用"buddy.setName('John')"
buddy.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 buddy = new Person()
// 假设代码中没有对name的赋值，例如没有调用"buddy.setName('John')"
buddy.getName().length; // 0, 没有运行时异常//或者
class Person {name?: string // 可能为undefinedsetName(n: string): void {this.name = n}// 编译时错误：name可能为"undefined"，所以不能将这个API的返回类型标注为"string"getNameWrong(): string {return this.name}getName(): string | undefined { // 返回类型匹配name的类型return this.name}
}let buddy = new Person()
// 假设代码中没有对name的赋值，例如没有调用"buddy.setName('John')"// 编译时错误：编译器认为下一行代码有可能访问"undefined"的属性，报错
buddy.getName().length;  // 编译失败buddy.getName()?.length; // 编译成功，没有运行时错误

ArkTS中禁止使用any类型

// 不支持：
let res: any = some_api_function('hello', 'world');
// 支持
let res: CallResult = some_api_function('hello', 'world');