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;
预先定义的一组命名值的值类型,更有含义,可读性好

相关文章
|
2月前
|
移动开发 前端开发 JavaScript
鸿蒙NEXT时代你所不知道的全平台跨端框架:CMP、Kuikly、Lynx、uni-app x等
本篇基于当前各大活跃的跨端框架的现状,对比当前它们的情况和未来的可能,帮助你在选择框架时更好理解它们的特点和差异。
269 0
|
30天前
|
移动开发 网络协议 小程序
鸿蒙NEXT即时通讯/IM系统RinbowTalk v2.4版发布,基于MobileIMSDK框架、ArkTS编写
RainbowTalk是一套基于开源即时通讯讯IM框架 MobileIMSDK 的产品级鸿蒙NEXT端IM系统。纯ArkTS编写、全新开发,没有套壳、也没走捷径,每一行代码都够“纯血”。与姊妹产品RainbowChat和RainbowChat-Web 技术同源,历经考验。
64 1
|
2月前
|
存储 SQL 前端开发
跟老卫学HarmonyOS开发:ArkTS关系型数据库开发
本节以“账本”为例,使用关系型数据库接口实现账单的增、删、改、查操作。通过创建ArkTSRdb应用,演示如何操作RdbStore进行数据管理,并结合界面按钮实现交互功能。
111 0
跟老卫学HarmonyOS开发:ArkTS关系型数据库开发
|
2月前
|
缓存 移动开发 网络协议
纯血鸿蒙NEXT即时通讯/IM系统:RinbowTalk正式发布,全源码、纯ArkTS编写
RainbowTalk是一套基于MobileIMSDK的产品级鸿蒙NEXT端IM系统,目前已正式发布。纯ArkTS、从零编写,无套壳、没走捷径,每一行代码都够“纯”(详见:《RainbowTalk详细介绍》)。 MobileIMSDK是一整套开源IM即时通讯框架,历经10年,超轻量级、高度提炼,一套API优雅支持 UDP 、TCP 、WebSocket 三种协议,支持 iOS、Android、H5、标准Java、小程序、Uniapp、鸿蒙NEXT,服务端基于Netty编写。
172 1
|
编译器
鸿蒙NEXT-鸿蒙三层架构搭建,嵌入HMRouter,实现便捷跳转,新手攻略。(2/3)
本文介绍在三层架构中实现模块依赖的步骤。首先在产品定制层(features)的oh-package.json5文件中导入共享包依赖,如"basic":"file:../../commons/basic"。然后在产品层(products)的配置文件中同时导入公共能力层和产品定制层的依赖,示例展示了如何添加"basic"和"my"两个依赖项。通过这些配置,三层架构的各模块之间建立了完整的依赖关系。
129 0
鸿蒙NEXT-鸿蒙三层架构搭建,嵌入HMRouter,实现便捷跳转,新手攻略。(2/3)
|
3月前
|
开发者
鸿蒙开发:资讯项目实战之项目初始化搭建
目前来说,我们的资讯项目只是往前迈了很小的一步,仅仅实现了项目创建,步虽小,但概念性的知识很多,这也是这个项目的初衷,让大家不仅仅可以掌握日常的技术开发,也能让大家理解实际的项目开发知识。
鸿蒙开发:资讯项目实战之项目初始化搭建
|
3月前
|
容器
HarmonyOS NEXT仓颉开发语言实战案例:外卖App
仓颉语言实战分享,教你如何用仓颉开发外卖App界面。内容包括页面布局、导航栏自定义、搜索框实现、列表模块构建等,附完整代码示例。轻松掌握Scroll、List等组件使用技巧,提升HarmonyOS应用开发能力。
|
3月前
|
缓存 JavaScript IDE
鸿蒙开发:基于最新API,如何实现组件化运行
手动只是让大家了解切换的原理,在实际开发中,可不推荐手动,下篇文章,我们将通过脚本或者插件,快速实现组件化模块之间的切换,实现独立运行,敬请期待!
117 0
鸿蒙开发:基于最新API,如何实现组件化运行
|
3月前
|
SQL 弹性计算 数据库
鸿蒙5开发宝藏案例分享---优化应用时延问题
鸿蒙性能优化指南来了!从UI渲染到数据库操作,6大实战案例助你提升应用流畅度。布局层级优化、数据加载并发、数据库查询提速、相机资源延迟释放、手势识别灵敏调整及转场动画精调,全面覆盖性能痛点。附赠性能自检清单,帮助开发者高效定位问题,让应用运行如飞!来自华为官方文档的精华内容,建议收藏并反复研读,共同探讨更多优化技巧。
|
3月前
|
存储 IDE 定位技术
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
在移动应用开发领域,效率与质量始终是开发者追求的核心目标。鸿蒙系统作为新兴的操作系统,为开发者提供了丰富且强大的开发资源,其中鸿蒙组件&模板服务更是成为开发者快速构建高质量应用的得力助手。
126 0

热门文章

最新文章