【鸿蒙开发基础学习】TS到ArkTS适配指导

什么是ArkTS

ArkTS提供了语言运行时相关能力
ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，保持了TS的基本风格，同时通过规范定义强化开发期静态检查和分析，提升程序执行稳定性和性能。

特别注意：尤其是学过鸿蒙4.0的，Next版本极大增强了TS语言中动态类型的限制，几乎不再支持动态类型

从API version 10开始，ArkTS进一步通过规范强化静态检查和分析，对比标准TS的差异可以参考从TypeScript到ArkTS的适配规则：

• 强制使用静态类型：静态类型是ArkTS最重要的特性之一。如果使用静态类型，那么程序中变量的类型就是确定的。同时，由于所有类型在程序实际运行前都是已知的，编译器可以验证代码的正确性，从而减少运行时的类型检查，有助于性能提升。
• 禁止在运行时改变对象布局：为实现最大性能，ArkTS要求在程序执行期间不能更改对象布局。
• 限制运算符语义：为获得更好的性能并鼓励开发者编写更清晰的代码，ArkTS限制了一些运算符的语义。比如，一元加法运算符只能作用于数字，不能用于其他类型的变量。
• 不支持Structural typing：对Structural typing的支持需要在语言、编译器和运行时进行大量的考虑和仔细的实现，当前ArkTS不支持该特性。根据实际场景的需求和反馈，我们后续会重新考虑。

• 由于文档权限的限制，这里有一份openHarmony的 上的Next版本的ts类型的迁移说明 地址 （内容基本一致）

openHarmony 和HarmonyOS的关系和区别
OpenHarmony是指鸿蒙（HarmonyOS）的开源版本，由华为官方开源，遵循Apache 2.0许可证。OpenHarmony包含了HarmonyOS的核心代码库，但并不包括商业版HarmonyOS中的一些特有功能和技术。
HarmonyOS是华为自主研发的分布式操作系统，旨在打造一个全场景、全终端的智能生态系统。它支持多种设备类型，包括手机、平板、智能手表、智能音箱、电视、汽车、家居等，可以实现设备之间的协同工作和资源共享。
OpenHarmony和HarmonyOS的关系就像是Java和Android的关系一样。可以将OpenHarmony看作是HarmonyOS的底层技术和代码库的一部分，而HarmonyOS则是在此基础上进行了更多的开发和扩展，添加了更多的功能和应用。相比之下，OpenHarmony更加开放和自由，可以被开发者用于构建各种类型的设备和应用，而HarmonyOS则更加注重整合、统一和优化整个生态系统。

• ArkTS的特性-扩展能力

1. **基本语法 **
   • 定义声明式UI、自定义组件、动态扩展UI元素；
   • 提供ArkUI系统组件，提供组件事件、方法、属性；
   • 共同构成 UI 开发主体
2. **状态管理 **
   • 组件状态、组件数据共享、应用数据共享、设备共享；
3. **渲染控制 **
   • 条件渲染、循环渲染、数据懒加载；

ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。

• 命令式UI- document.createElement(“div”)-
• 声明式UI

下图是关于ArtTS的一个整体的应用架构（官网）

总结：

• AktTS提供原有前端范畴内的一切TypeScript和JavaScript的类型及方法支持
• Next版本加了很多限制-要看迁移指南
• ArkTS采用声明式UI的方法来绘制页面，设置属性，绑定事件

ArkTS重点迁移说明

• 对象字面量不能用于类型声明

• 不支持in操作符

• 不支持解构赋值

• 不支持通过索引访问字段

有一种情况下，可以通过索引访问字段，即传入的参数类型为object, 但是传入时必须用class的类型传入，如下

@Entry
@Component
struct Index {
  @State message: string = 'Hello World1';
  test (obj: object) {
   console.log(Object.keys(obj).map(item => `${item}=${obj[item]}`).toString())
  }
  aboutToAppear(): void {
    let o = new TestObj()
    this.test(o)
  }
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}
class TestObj {
  a: number = 0
  b: string = "123"
}

以上场景一般用作请求封装时，无法确定侦测传入参数的类型时使用

• 部分支持延展运算符

• 不支持bind/call/apply改变this指向

this始终指向调用者。谁调用这个方法，this指向谁