Skip to content

1、ArKTs的认识

接下来我们简单的学习一下ArkTs语言,保证我们在简单的认识以后可以初步进行开发我们的鸿蒙NextAPP

先来看看ArKTs的介绍:

ArkTS是HarmonyOS应用开发语言。它在保持TypeScript(简称TS)基本语法风格的基础上,对TS的动态类型特性施加更严格的约束,引入静态类型。同时,提供了声明式UI、状态管理等相应的能力,让开发者可以以更简洁、更自然的方式开发高性能应用。

ArkTS作为鸿蒙生态应用的开发语言,通常使用.ets作为ArkTS语言源码文件后缀。在保持TypeScript(简称TS)基本语法风格的基础上,对TS的动态类型特性施加更严格的约束引入静态类型。同时提供了声明式U1、状态管理等能力,也就是说ArKTs其实就是在TS语言发展上开发的一门语言。

注意ArKTs是一门声明式语言,目的是方便我们开发者入手开发。

ArKTs内容包含

ArKTs主要包含以下部分,这里我们主要就是带大家入门一下ArkTS的基本语法

  • ArkTS描述
  • ArkTS语言基础语法
  • ArkTS中的常用装饰器
  • 理解状态管理的基本概念;
  • 页面级变量的状态管理;
  • 渲染控制语法

2、数据类型

Android和IOS开发提供了多种数据类型用于常见的业务开发

  • 在ArkTs中将数据类型进行了统一,比如number类型(包含了之前的int,long,float,double)

  • ArkTs是TypeScript的超集,其数据类型也是基于TypeScript而来。可以大致分为以下4种类型:

  • 基础类型:Number、String、Boolean、Enum
  • 引用类型:基类Object、Array
  • 联合类型:Union
  • 类型别名:Aliases

3、ArKTs变量声明

(1) 声明变量和常量

在ArkTS中可以通过关键字let开头的声明引入变量,并通过类型注释指定类型。这里跟前端差不多

js
let x: number = 10; // 声明变量并赋值
const y: string = "Hello, ArkTS"; // 声明常量

(2)变量声明限制

ArKTs也跟我们其他开发语言一样,有着严格的命名规范,声明ArkTs变量存在如下限制(这里我们会发现跟我们的javascript是差不多的):

  • 只能包含字母、数字、下划线以及$符号,不能包含其他特殊字符,包括空格。
  • 首个符号,不能以数字开头,只能字母、下划线以及$符号开头。
  • 不能使用关键字和保留字(已经定义了特殊含义的单词)命名,例如:this、let。
  • 次数有限制:同一个名字的变量在相同作用域中只能声明一次。

3. 类型注解

和 TypeScript 一样,ArkTS 也支持静态类型声明,也就是可以声明我们变量的类型

js
let a: number = 5;
let b: string = "Hello, world";
let c: boolean = true;

4、函数

ArkTS 支持 TypeScript 的函数定义方式。

js
function add(x: number, y: number): number {
    return x + y;
}
let result = add(10, 20);

5、异步编程

ArkTS 支持 asyncawait 关键字来处理异步操作。

js
async function fetchData(): Promise<string> {
    let data = await someAsyncFunction();
    return data;
}

6、 类和接口

ArkTS 支持面向对象编程,使用 classinterface 来定义类和接口。

js
interface Animal {
    name: string;
    speak(): void;
}

class Dog implements Animal {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
    speak(): void {
        console.log("${this.name} says Woof!");
    }
}

let dog = new Dog("Buddy");
dog.speak();

7、模块与导入

ArkTS 支持模块化,使用 importexport 来导入和导出代码模块。

js
// file1.ts
export function greet(name: string): string {
    return `Hello, ${name}`;
}

// file2.ts
import { greet } from './file1';

console.log(greet("ArkTS")); // 输出:Hello, ArkTS

简单了解我们的ArKTs的常见语法以后,我们就可以尝试去完成我们的功能,然后稍后再开始去我们的

ArKTs进阶部分尝试学习我们更多的ArKTs语法。

Released under the MIT License.