ArkTS基礎(chǔ)語法與HarmonyOS NEXT開發(fā)入門

ArkTS 是 HarmonyOS NEXT 的開發(fā)語言，它基于 TypeScript 并進行了擴展和優(yōu)化。以下是一些基礎(chǔ)語法知識點、示例用法及注意事項。

一、ArkTS 簡介

ArkTS 是一種基于 TypeScript 的編程語言，主要用于 HarmonyOS 應用的 UI 界面和業(yè)務邏輯開發(fā)。它在 TypeScript 的基礎(chǔ)上，進行了一些針對 HarmonyOS 系統(tǒng)的優(yōu)化和定制。

二、創(chuàng)建 ArkTS 項目

1. 打開 DevEco Studio：點擊 File -> New -> Project，選擇適合的模板作為項目類型。
2. 輸入項目名稱和包名：然后點擊 Next。
3. 完成項目創(chuàng)建：點擊 Finish，DevEco Studio 將自動創(chuàng)建一個 ArkTS 項目。

三、編寫 ArkTS 代碼

1. 編寫 UI 界面：ArkTS 項目的 UI 界面使用 XML 文件定義，可以在 resources/base/layout 目錄下找到應用的布局文件。
2. 編寫業(yè)務邏輯：ArkTS 項目的業(yè)務邏輯代碼使用 TypeScript 編寫，可以在 src/main/js/default 目錄下找到應用的 TypeScript 代碼。
3. 添加資源文件：ArkTS 項目的圖片、字符串等資源文件存放在 resources/base 目錄下。
4. 配置文件：ArkTS 項目的配置信息存放在 config.json 文件中。

四、ArkTS 關(guān)鍵語法和使用示例

1. 類型注解

類型注解是 TypeScript 的核心特性之一，它允許在變量、函數(shù)參數(shù)和函數(shù)返回值上添加類型信息。

let message: string = "Hello, HarmonyOS";
let count: number = 10;
function greet(name: string): string {
    return `Hello, ${name}`;
}
let greeting: string = greet("HarmonyOS");

2. 接口

接口是 TypeScript 中定義復雜類型的一種方式，它可以描述一個對象的結(jié)構(gòu)。

interface Person {
    name: string;
    age: number;
}
function showPersonInfo(person: Person) {
    console.log(`Name: ${person.name}, Age: ${person.age}`);
}
let person: Person = { name: "John", age: 30 };
showPersonInfo(person);

3. 類

類是 TypeScript 中定義對象類型的一種方式，支持繼承和多態(tài)。

class Animal {
    constructor(public name: string) {}
    speak() {
        console.log(`${this.name} makes a noise.`);
    }
}


class Dog extends Animal {
    speak() {
        console.log(`${this.name} barks.`);
    }
}


let dog = new Dog("Bingo");
dog.speak(); // Bingo barks.

4. 繼承

繼承允許一個類（子類）繼承另一個類（父類）的屬性和方法。

class Base {
    commonMethod() {
        console.log("Common Method");
    }
}


class Derived extends Base {
    derivedMethod() {
        console.log("Derived Method");
    }
}


let derived = new Derived();
derived.commonMethod(); // Common Method
derived.derivedMethod(); // Derived Method

5. 泛型

泛型允許在定義函數(shù)、接口或類時使用類型參數(shù)。

function identity<T>(arg: T): T {
    return arg;
}


let output = identity<string>("Hello, world!");
console.log(output); // "Hello, world!"

6. 模塊

模塊是 TypeScript 中組織代碼的一種方式，支持導入和導出。

// file1.ts
export function sayHello(name: string) {
    console.log(`Hello, ${name}`);
}


// file2.ts
import { sayHello } from "./file1";
sayHello("TypeScript");

7. 裝飾器

裝飾器是一種特殊類型的聲明，它可以被附加到類、方法、屬性或參數(shù)上。

function log(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    console.log(`Property ${propertyKey} is being called`);
}


class Person {
    @log
    name() {
        return "John";
    }
}


let person = new Person();
person.name(); // Property name is being called

8. 異步編程

異步編程允許你編寫非阻塞的代碼。

async function fetchData() {
    return await fetch("https://api.example.com/data");
}


fetchData().then(data => console.log(data));

9. 類型別名

類型別名允許你為類型定義一個新名稱。

type Name = string;
type Coordinates = { x: number; y: number };


let name: Name = "Alice";
let coordinates: Coordinates = { x: 10, y: 20 };

10. 類型保護

類型保護是一種檢查變量類型的方法，可以在編譯時確保變量具有正確的類型。

type Shape = Circle | Square;
function getArea(shape: Shape): number {
    if (shape instanceof Circle) {
        return Math.PI * shape.radius ** 2;
    } else {
        return shape.width * shape.height;
    }
}

11. 枚舉

枚舉是一種特殊的類型，它允許你為一組有限的值定義友好的名字。

enum Direction {
    Up,
    Down,
    Left,
    Right,
}


function move(direction: Direction): void {
    console.log(`Moving in direction: ${Direction[direction]}`);
}
move(Direction.Up);

12. 映射類型

映射類型允許你根據(jù)現(xiàn)有類型創(chuàng)建新的類型。

type ReadonlyPoint = Readonly<Point>;
let readonlyPoint: ReadonlyPoint = { x: 10, y: 20 };
readonlyPoint.x = 30; // Error: Cannot assign to 'x' because it is a read-only property

五、注意事項

1. 類型檢查：ArkTS 在編譯時進行類型檢查，可以在代碼運行前發(fā)現(xiàn)和修復錯誤。
2. IDE 支持：由于有了類型信息，IDE 可以提供更好的自動完成、導航和重構(gòu)功能。
3. 模塊化編程：ArkTS 支持模塊化編程，可以將代碼組織成模塊，以便于管理和維護。

通過以上示例和注意事項，你可以更好地理解和掌握 ArkTS 的基礎(chǔ)語法和使用方式。