HarmonyOS NEXT 開發之ArkTS基礎入門
ArkTS 是 HarmonyOS NEXT 的開發語言,它基于 TypeScript 并進行了擴展和優化。以下是一些基礎語法知識點、示例用法及注意事項。
一、ArkTS 簡介
ArkTS 是一種基于 TypeScript 的編程語言,主要用于 HarmonyOS 應用的 UI 界面和業務邏輯開發。它在 TypeScript 的基礎上,進行了一些針對 HarmonyOS 系統的優化和定制。
二、創建 ArkTS 項目
- 打開 DevEco Studio:點擊 File -> New -> Project,選擇適合的模板作為項目類型。
- 輸入項目名稱和包名:然后點擊 Next。
- 完成項目創建:點擊 Finish,DevEco Studio 將自動創建一個 ArkTS 項目。
三、編寫 ArkTS 代碼
- 編寫 UI 界面:ArkTS 項目的 UI 界面使用 XML 文件定義,可以在
resources/base/layout目錄下找到應用的布局文件。 - 編寫業務邏輯:ArkTS 項目的業務邏輯代碼使用 TypeScript 編寫,可以在
src/main/js/default目錄下找到應用的 TypeScript 代碼。 - 添加資源文件:ArkTS 項目的圖片、字符串等資源文件存放在
resources/base目錄下。 - 配置文件:ArkTS 項目的配置信息存放在
config.json文件中。
四、ArkTS 關鍵語法和使用示例
1. 類型注解
類型注解是 TypeScript 的核心特性之一,它允許在變量、函數參數和函數返回值上添加類型信息。
let message: string = "Hello, HarmonyOS";
let count: number = 10;
function greet(name: string): string {
return `Hello, ${name}`;
}
let greeting: string = greet("HarmonyOS");
2. 接口
接口是 TypeScript 中定義復雜類型的一種方式,它可以描述一個對象的結構。
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 中定義對象類型的一種方式,支持繼承和多態。
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. 泛型
泛型允許在定義函數、接口或類時使用類型參數。
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. 裝飾器
裝飾器是一種特殊類型的聲明,它可以被附加到類、方法、屬性或參數上。
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. 映射類型
映射類型允許你根據現有類型創建新的類型。
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
五、注意事項
- 類型檢查:ArkTS 在編譯時進行類型檢查,可以在代碼運行前發現和修復錯誤。
- IDE 支持:由于有了類型信息,IDE 可以提供更好的自動完成、導航和重構功能。
- 模塊化編程:ArkTS 支持模塊化編程,可以將代碼組織成模塊,以便于管理和維護。
通過以上示例和注意事項,你可以更好地理解和掌握 ArkTS 的基礎語法和使用方式。
本文來自博客園,作者:威哥愛編程,轉載請注明原文鏈接:http://www.rzrgm.cn/finally-vince/p/18454738

浙公網安備 33010602011771號