HarmonyOS NEXT 实战系列01-ArkTS基础

简介: ArkTS是HarmonyOS应用开发的首选语言,基于TypeScript扩展而成,保留了TS风格并强化静态检查与分析能力,提升程序稳定性和性能。它支持声明式UI开发、状态管理等功能,简化应用构建。语法涵盖变量、常量、数组、对象、语句(如if、switch)、函数(含箭头函数与泛型)、类和模块等特性,同时提供联合类型、字面量联合类型及枚举类型等丰富类型支持,助力开发者高效编写高质量代码。

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

ArkTS提供了声明式UI范式、状态管理、渲染控制等相应的能力,让开发者能够以更简洁、更自然的方式开发应用。

  1. ArkTS-语法-变量&常量
    ① 变量

// 字符串
let name: string = 'Jack'
name = 'Rose'
// 数字
let age: number = 20
age = 21
// 布尔
let isLogin: boolean = false
isLogin = true
以关键字let开头的声明引入变量,该变量在程序执行期间可以具有不同的值。
② 注释

// 1. 单行注释
/ 2. 块注释 /
解释代码的功能,提高代码的可读性和可维护性。
③ 输出

console.log('名字', name)
开发者用于日志记录和调试目的。
④ 常量

const PI: number = 3.14
// PI = 2
以关键字const开头的声明引入只读常量,该常量只能被赋值一次。

  1. ArkTS-语法-数组&对象
    ① 定义数组

// 定义数组
let nameList: sting[] = ['Jack', 'Rose', 'James' ]
// 获取元素
console.log('名字', nameList[2])
数组中第一个元素的索引为0
② 定义对象

// 约定接口
interface Person {
// 属性名: 属性值
name: string
age: number
}

// 定义对象
let rose: Person = {
name: 'Rose',
age: 18
}

// 访问对象属性
console.log('名字', rose.name)
console.log('年纪', rose.age)

let jack: Person = {
name: 'Jack',
age: 20
}
console.log('名字', jack.name)
console.log('年纪', jack.age)

通过接口约定对象结构

  1. ArkTS-语法-语句
    ① If 语句

let isLogin: boolean = true
if (isLogin) {
console.log('状态', '已登录')
}

// if (condition1) {
// } else if (condition2) {
// } else {
// }
if语句用于需要根据逻辑条件执行不同语句的场景。
② Switch 语句

// A 优 B 良 C 及格 D 差
let level: string = 'B'
switch (level) {
case 'A':
console.log('成绩', '优')
break;
case 'B':
console.log('成绩', '良')
break;
case 'C':
console.log('成绩', '及格')
break;
case 'D':
console.log('成绩', '差')
break;
default:
console.log('成绩', '未知')
}

如果switch表达式的值等于某个label的值,则执行相应的语句。
③ 条件表达式

let isLogin: boolean = true
let statusText = isLogin ? '已登录' : '未登录'
console.log('状态', statusText)
条件表达式由第一个表达式的布尔值来决定返回其它两个表达式中的哪一个。
④ For 语句

let sum = 0
// i ++ ---> i自加1
for (let i = 0; i < 10; i++) {
// += i ---> sum自加i
sum += i
}
console.log('累加', sum)
for语句会被重复执行,直到循环退出语句值为false。
⑤ While 语句

let i = 0
let sum = 0
while (i < 10) {
sum += i
i++
}
console.log('累加', sum)
只要循环条件为真值,while语句就会执行对应语句。

  1. ArkTS-语法-函数
    ① 函数声明

function add(x: number, y: number): number {
return x + y
}
// 调用
const result = add(10, 20)
console.log('结果', 'result')
函数声明引入一个函数,包含其名称、参数列表、返回类型和函数体。
② 可选参数

function say(name?: string) {
if (name) {
console.log('hi', name)
} else {
console.log('hi')
}
}
// name?: string, age· number 不允许默认参后还有其他参数
可选参数的格式可为name?: Type。
function say(name: string = 'Jack') {
console.log('hi', name)
}
如果在函数调用中这个参数被省略了,则会使用此参数的默认值作为实参。
③ 返回类型

// 显式指定返回类型
function foo(): string { return 'foo' }
// 推断返回类型为 string
function goo() { return 'goo' }

// void 代表不需要 return 语句
function hi1() { console.log('hi') }
function hi2(): void { console.log('hi') }
不需要返回值的函数的返回类型可以显式指定为void或省略标注。
④ 箭头函数

let add = (x: number, y: number): number => {
return x + y
}
// 等价,如果只有一句
let add1 = (x: number, y: number) => x + y
表达式可以指定为箭头函数,使表达更简短。
⑤ 函数类型

let add: (x: number, y: number) => number = (x, y) => x + y
可以给变量指定函数类型,用来约束函数。

  1. ArkTS-语法-类

复用性:可以通过构造函数或类创建多个具有相同结构的对象。
封装性:可以更方便地实现私有成员和方法。
继承性:易于扩展,可以创建复杂的继承关系。
① 声明类和创建实例

class Person {
// 字段
name: string = '';
surname: string = '';

// 构造函数
constructor(n: string, sn: string) {
this.name = n;
this.surname = sn;
}

// 方法
fullName(): string {
// this 当前实例
return this.name + ' ' + this.surname;
}
}

const person = new Person('Lebron', 'James')
console.log('全名', person.fullName())

const person2 = new Person('James', 'Harden')
console.log('全名', person2.fullName())

类声明引入一个新类型,并定义其字段、方法和构造函数。
② 可见性修饰符

class Person {
public name: string = ''
private age: number = 0
}

const person = new Person()
person.name = 'Jack'
// Property 'age' is private and only accessible within class 'Person'
// person.age = 18
class BasePerson {
protected name: string = ''
private age: number = 0
}

// 继承
class Chinese extends BasePerson {
test() {
this.name = 'Jack'
// Property 'age' is private and only accessible within class 'BasePerson'
// this.age = 18
}
}

const chinese = new Chinese()
// Property 'name' is protected and only accessible within class 'BasePerson' and its subclasses
// chinese.name = 'Jack'

可见性修饰符包括:private、protected和public。默认可见性为public。

  1. ArkTS-语法-泛型
    // 1. 接口
    interface Result {
    message: string
    code: number
    data: T
    }

interface User {
id: number
token: string
}

const user: Result = {
message: 'success',
code: 200,
data: {
id: 10086,
token: 'mock_token'
}
}

// 2. 类
class MockArray {
push(item: T) {
}
}

const arr = new MockArray()
arr.push('Jack')
// Argument of type 'number' is not assignable to parameter of type 'string'
// arr.push(18)

// 3. 函数
function last(arr: T[]): T {
return arr[arr.length - 1];
}
const lastItem = last(['Jack', 'Rose'])

泛型类型和接口、类、函数允许创建的代码在各种类型上运行,而不仅支持单一类型。

  1. ArkTS-语法-模块
    每个模块都有其自己的作用域,即,在模块中创建的任何声明(变量、函数、类等)在该模块之外都不可见,除非它们被显式导出。

① 导出

export const count = 100
export class Person {
name: string = ''
age: number = 0
}
export let per = new Person()
export const add = (x: number, y: number) => x + y
可以使用关键字export导出顶层的声明。
② 导入

// 指定成员导入
import { count, Person, per, add } from './test.ets'
// 全部导入
import * as Test from '.test1.ets'
// 成员指定别名
import { add: add2 } from '.test2.ets'
导入从其他模块导出的实体,并在当前模块中提供其绑定。

  1. ArkTS-语法-其他类型
    ① 联合类型

let score: number | string = 100
let scoreList: (number | string )[] = [ 100, '99' ]
联合类型包含了变量可能的所有类型。
② 字面量联合类型

type MyDirection = 'Up' | 'Down' | 'Left' | 'Right'
let changeDirection = (d: MyDirection) => {
}
changeDirection('Up')
更具体的一组可选值类型。
③ 枚举类型

// 默认是 0 开始
enum ColorSet { Red, Green, Blue }
let c: ColorSet = ColorSet.Red;
// 可以显式设置枚举常量的值
enum ColorSet { White = 0xFF, Grey = 0x7F, Black = 0x00 }
let c: ColorSet = ColorSet.Black;
预先定义的一组命名值的值类型,更有含义,可读性好

相关文章
|
3天前
|
人工智能 JavaScript API
【HarmonyOS NEXT+AI】问答03:找不到DevEco Studio Cangjie Plugin下载链接?
本文针对学员在“HarmonyOS NEXT+AI大模型打造智能助手APP(仓颉版)”课程中提出的问题进行解答:为何无法在华为开发者社区官网找到DevEco Studio Cangjie Plugin下载链接。文中详细介绍了Cangjie Plugin的功能及获取方式,包括STS和Canary版本的申请流程,并提供了学习仓颉编程语言的资源与建议。对于普通开发者,STS版本是当前首选;同时,通过课程与官方教程,可快速掌握仓颉语言核心语法及API,助力开发HarmonyOS NEXT AI智能助手应用。
25 3
【HarmonyOS NEXT+AI】问答03:找不到DevEco Studio Cangjie Plugin下载链接?
|
20天前
|
前端开发 API 开发者
harmonyOS基础- 快速弄懂HarmonyOS ArkTs基础组件、布局容器(前端视角篇)
本文由黑臂麒麟(6年前端经验)撰写,介绍ArkTS开发中的常用基础组件与布局组件。基础组件包括Text、Image、Button等,支持样式设置如字体颜色、大小和加粗等,并可通过Resource资源引用统一管理样式。布局组件涵盖Column、Row、List、Grid和Tabs等,支持灵活的主轴与交叉轴对齐方式、分割线设置及滚动事件监听。同时,Tabs组件可实现自定义样式与页签切换功能。内容结合代码示例,适合初学者快速上手ArkTS开发。参考华为开发者联盟官网基础课程。
68 18
harmonyOS基础- 快速弄懂HarmonyOS ArkTs基础组件、布局容器(前端视角篇)
|
20天前
|
存储 SQL 关系型数据库
HarmonyOS NEXT - RelationalStore关系型数据库
关系型数据库对应用提供通用的操作接口,底层使用SQLite作为持久化存储引擎,支持SQLite具有的数据库特性,包括但不限于事务、索引、视图、触发器、外键、参数化查询和预编译SQL语句。
79 27
|
11天前
|
存储 安全 算法
鸿蒙NEXT如何保证应用安全:详解鸿蒙NEXT数字签名和证书机制
本文对鸿蒙NEXT公开资料进行了深入分析和解读,梳理了鸿蒙单框架应用的签名机制,拆解每一步的实操过程和背后的实现原理,并对源码分析整理签名的校验机制。从中管中窥豹,探究鸿蒙系统的安全设计思路,给从事鸿蒙研发的同学提供一些借鉴。
82 3
|
9天前
|
缓存 开发工具 开发者
鸿蒙NEXT开发App相关工具类(ArkTs)
这段代码展示了一个名为鸿蒙NEXT开发 `AppUtil` 的工具类,主要用于管理鸿蒙应用的上下文、窗口、状态栏、导航栏等配置。它提供了多种功能,例如设置灰阶模式、颜色模式、字体类型、屏幕亮度、窗口属性等,并支持获取应用包信息(如版本号、包名等)。该工具类需在 UIAbility 的 `onWindowStageCreate` 方法中初始化,以便缓存全局变量。代码由鸿蒙布道师编写,适用于鸿蒙系统应用开发,帮助开发者更便捷地管理和配置应用界面及系统属性。
|
5天前
|
前端开发 API 开发工具
一年撸完百万行代码,企业微信的全新鸿蒙NEXT客户端架构演进之路
本文将要分享的是企业微信的鸿蒙Next客户端架构的演进过程,面对代码移植和API不稳定的挑战,提出了DataList框架解决方案。通过结构化、动态和认知三重熵减机制,将业务逻辑与UI解耦,实现数据驱动开发。采用MVDM分层架构(业务实体层、逻辑层、UI数据层、表示层),屏蔽系统差异,确保业务代码稳定。
56 0
|
20天前
|
前端开发
鸿蒙开发:使用Rect绘制矩形
几何矩形,在实际的开发中,有多种的实现方式,并非一定需要Rect组件,但是,如果有需要用到矩形的场景,建议还是使用Rect组件,因为Rect组件自身携带了很多样式属性,可以满足我们日常的不同的需求。
鸿蒙开发:使用Rect绘制矩形
|
20天前
|
人工智能 物联网 Android开发
【04】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-自定义一个设置输入小部件组件-完成所有设置setting相关的页面-优雅草卓伊凡
【04】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-自定义一个设置输入小部件组件-完成所有设置setting相关的页面-优雅草卓伊凡
156 92
|
20天前
|
人工智能 物联网 Android开发
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
61 23
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
|
22天前
|
存储 调度 开发者
HarmonyOS Next 实战卡片开发 03
本文详细介绍了基于 HarmonyOS Next 的卡片开发实战,涵盖从项目创建到功能实现的全流程。首先通过新建项目和服务卡片搭建基础框架,并设置沉浸式体验优化界面。接着实现了首页轮播图功能,包括申请网络权限、初始化数据和构建轮播组件。随后深入讲解了卡片 id 的处理,涉及获取、返回、持久化存储及移除操作,确保卡片与应用间的高效通信。此外,封装了下载图片工具类,支持卡片发起通知获取网络图片,增强功能扩展性。最后实现了卡片同步轮播功能,使首页与卡片轮播状态保持一致。整个流程注重细节,结合实际案例,为开发者提供了全面的参考。
69 20
HarmonyOS Next 实战卡片开发 03

热门文章

最新文章