鸿蒙开发-ArkTS基础,它与TS区别在那?

组件基础,什么是ArkTS?

一句话概括:

  • ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。

说明: 也就是前端开发过程中所有的js/ts语法大部分支持的,比如es6中的箭头函数-模板字符串-promise-async/await-数组对象方法- 注意: 根据对下一代的Next版本的内部沟通,下一版本的ArkTs对类型最了更一步的限制

鸿蒙开发-ArkTS基础,它与TS区别在那?_第1张图片

鸿蒙开发-ArkTS基础,它与TS区别在那?_第2张图片

鸿蒙开发-ArkTS基础,它与TS区别在那?_第3张图片

鸿蒙开发-ArkTS基础,它与TS区别在那?_第4张图片

误区: 前端同学,原有的DOM/WebAPI在这里皆不存在 如 document.querySelector/window.location

鸿蒙开发-ArkTS基础,它与TS区别在那?_第5张图片

ArtTS绝不是TS

  • TS在前端中虽然有类型约束,但是他会编译成js去运行
  • ArtTS编译后直接映射字节码-编译过程带类型

扩展能力如下:

基本语法

  • 定义声明式UI、自定义组件、动态扩展UI元素;
  • 提供ArkUI系统组件,提供组件事件、方法、属性;
  • 共同构成 UI 开发主体

状态管理

  • 组件状态、组件数据共享、应用数据共享、设备共享;

渲染控制

  • 条件渲染、循环渲染、数据懒加载;

声明式UI

鸿蒙开发-ArkTS基础,它与TS区别在那?_第6张图片

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

鸿蒙开发-ArkTS基础,它与TS区别在那?_第7张图片

本文是对鸿蒙开发中的AktTS组件基础学习,有关鸿蒙的高阶学习,需要系统性的学习路线,下面分享一张鸿蒙的系统性学习技术分布图:(略缩版)

鸿蒙开发-ArkTS基础,它与TS区别在那?_第8张图片

高清完整版保存,可去我主页(附鸿蒙4.0文档)

鸿蒙开发-ArkTS基础,它与TS区别在那?_第9张图片

鸿蒙开发-ArkTS基础,它与TS区别在那?_第10张图片

总结:

  • AktTS提供原有前端范畴内的一切TypeScript和JavaScript的类型及方法支持
  • 不是所有都支持- 比如解构不支持(Next版本)
  • ArkTS采用声明式UI的方法来绘制页面,设置属性,绑定事件

你可能感兴趣的:(鸿蒙开发,harmonyos,华为,鸿蒙开发,程序员,前端,ARKTS,鸿蒙4.0)