首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >ArkTS编程语法基础,让你成为HarmonyOS开发高手

ArkTS编程语法基础,让你成为HarmonyOS开发高手

作者头像
肥晨
发布于 2023-11-21 08:24:02
发布于 2023-11-21 08:24:02
1.3K00
代码可运行
举报
文章被收录于专栏:农民工前端农民工前端
运行总次数:0
代码可运行

ArkTS简介

ArkTS是HarmonyOS主力应用开发语言。它在TypeScript (简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。

image.png

ArkTS基于TvpeScript语言,拓展了声明式UI、状态管理、并发任务等能力。

ArkUI开发框架的整体架构

image.png

ArkTS的基础类型

ArkTS的基础类型和ts的大致基本相同

  1. 布尔值

TypeScript中可以使用boolean来表示这个变量是布尔值,可以赋值为true或者false。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let isDone: boolean = false;
  1. 数字

TypeScript里的所有数字都是浮点数,这些浮点数的类型是 number。除了支持十进制,还支持二进制八进制、十六进制。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let decLiteral: number = 2023;
console.log(decLiteral is' + decLiteral);

let binaryLiteral: number = 0b11111100111;
console.log(binaryLiteral is' + binaryLiteral);

let octalLiteral: number = 0o3747;
console.log('octalLiteral is ' + octalLiteral);

let hexLiteral: number = 0x7e7;
console.log('hexLiteral is' + hexLiteral);
  1. 字符串

TypeScript里使用 string表示文本数据类型,可以使用双引号 (“) 或单引号 () 表示字符串

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let name: string = "Jacky";
name ="Tom";
name = 'Mick
  1. 数组 TypeScript支持以下两种方式声明数组: 第一种,可以在元素类型后面接上],表示由此类型元素组成的一个数组:第二种方式是使用数组泛型,Array<元素类型>。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let list1: number[] = [1, 2, 3];
let list2: Array<number> = [1, 2, 3];

5、元组

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let x: [string, number]
x = ['hello', 10]; // OK
x =[10, hello']; // Error
  1. 枚举

enum类型是对JavaScript标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
enum Color {Red, Green, Blue];
let c: Color = Color.Green;
  1. unknown

有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。那么我们可以使用 unknown类型来标记这些变量。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let notSure: unknown = 4;
notSure = 'maybe a string instead';
notSure = false;
  1. void

当一个函数没有返回值时,你通常会见到其返回值类型是 void。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function test(): void {
  console.log('This is function is void');
}
  1. null 和 undefined

TypeScript里,undefined和null两者各自有自己的类型分别叫做undefined和null。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let u: undefined = undefined;
let n: null = null;
  1. 联合类型

联合类型 (Union Types) 表示取值可以为多种类型中的一种。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let myFavoriteNumber: string|number;
myFavoriteNumber = 'seven';
myFavoriteNumber = 7;

条件语句

条件语句用于基于不同的条件来执行不同的动作。TypeScript 条件语句是通过一条或多条语句的执行结果(true 或 false) 来决定执行的代码块. 例如:if /if...else /seitch...case

函数类模块

函数定义

函数是一组一起执行一个任务的语句,函数声明要告诉编译器函数的名称、返回类型和参数。TypeScrip可以创建有名字的函数和匿名函数,其创建方法如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//有名函数: 给变量设置为number类型
function add(x: number, y: number): number {
  return x + y;
}
//匿名函数: 给变量设置为number类型
let myAdd = function (x: number, y: number): number {
  return x + y;
}

函数的参数

  1. 可选参数

在TypeScript里我们可以在参数名旁使用(?)实现可选参数的功能。比如,我们想让y是可选的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function add(x: string, y?: string): number {
  return x + y;
}

let result1=add("a")
let result1=add("a","b")
  1. 剩余参数

剩余参数会被当做个数不限的可选参数。 可以一个都没有,同样也可以有任意个。 可以使用省略号(...) 进行定义:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function add(x: string, ...y: string[]) {
  return x + y.join();
}

let result1=add("a")
let result1=add("a","b","c","d")

箭头函数

和js箭头函数相同

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let myAdd =  ([parame1, parame2]) {
 //代码块
}

迭代器

当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都具有可迭代性。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-11-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 农民工前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
HarmonyOS Next快速入门:数据类型和类
##HarmonyOS Next快速入门##HarmonyOS应用开发##教育##
中雨
2025/06/23
970
四、HarmonyOS应用开发-ArkTS开发语言介绍
TypeScript 是一个开源的编程语言,本章节只介绍了TypeScript的基础语法知识,更多内容大家可以参考 TypeScript 的官方教程(https://www.typescriptlang.org/docs/)。大家在学习过程中,如果没有搭建TypeScript的开发环境,也可以直接使用在线 Playground 平台(https://www.typescriptlang.org/play)进行编码练习。没有接触过 TypeScript 的同学可以先补齐相关的语法基础,再进入 HarmonyOS 的相关开发学习之旅。
跟着飞哥学编程
2024/05/24
9910
四、HarmonyOS应用开发-ArkTS开发语言介绍
​ArkTS 语言简介
ArkTS 是鸿蒙生态的应用开发语言。它在保持 TypeScript(简称 TS)基本语法风格的基础上,进一步通过规范强化静态检查和分析,使得在程序运行之前的开发期能检测更多错误,提升代码健壮性,并实现更好的运行性能。同时,提供了声明式 UI 范式、状态管理支持等相应的能力,让开发者可以以更简洁、更自然的方式开发高性能应用。
徐建国
2024/11/25
3630
​ArkTS 语言简介
HarmonyOS开发学习(1)–目录认识与基本开发
在AppScope,其中有resources文件夹和配置文件app.json5。AppScope>resources>base中包含element和media两个文件夹,
摸鱼的G
2024/03/22
4280
HarmonyOS开发学习(1)–目录认识与基本开发
TypeScript 之类型判断
在使用 Angular 做项目的时候,对 TypeScript 的类型判断不太熟练,为了方便查找,特意对 TypeScript 的类型判断做了简单梳理。
叙帝利
2018/07/31
3.5K0
HarmonyOS Next快速入门:函数和自定义构建函数
##HarmonyOS Next快速入门##HarmonyOS应用开发##教育##
中雨
2025/06/23
630
ArkTS 函数方法基础:掌握核心编程概念
ArkTS,作为HarmonyOS应用开发的主要语言,其函数和方法构成了编程的基础。本文将深入探讨ArkTS中的函数和方法,包括函数声明、参数处理、返回类型、作用域、函数类型等,帮助开发者掌握ArkTS的核心编程概念。
淼学派对
2024/11/04
3700
ArkTS常用数据处理:掌握核心技能与实践
在HarmonyOS应用开发中,ArkTS作为主要的开发语言,其数据处理能力是构建高效应用的关键。本文将详细介绍ArkTS中的常用数据处理方法,包括基本数据类型、数组、枚举、对象和XML解析与生成等,以及它们在实际开发中的应用和最佳实践。
淼学派对
2024/11/04
1870
TypeScript学习笔记之基础类型
用户1141560
2017/12/25
6270
深度讲解TS:这样学TS,迟早进大厂【04】:原始数据类型
JavaScript 的类型分为两种:原始数据类型(Primitive data types)和对象类型(Object types)。
江一铭
2022/06/17
5090
【TypeScript】003-原始数据类型 与 任意值
布尔值是最基础的数据类型,在 TypeScript 中,使用 boolean 定义布尔值类型:
訾博ZiBo
2025/01/06
1210
TS(typeScript)的学习笔记
Object object表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。
拿我格子衫来
2022/01/24
4490
TypeScript 基础类型
任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型,它常用于以下三种情况。
iOS程序应用
2023/05/12
7970
HarmonyOS NEXT 实战系列01-ArkTS基础
ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,保持了TS的基本风格,同时通过规范定义强化开发期静态检查和分析,提升程序执行稳定性和性能。
用户8181473
2025/03/17
1510
一篇朴实的文章带捋完TypeScript基础,方法是正反对比!
最近在抽出点业余时间学习TypeScript,虽然平时也挺忙的,但是还是想分配些时间出来。掘金这篇文章不错,于是分享给大家。
coder_koala
2019/11/09
1.2K0
TypeScript学习笔记
1、类型注解 2、接口interface:使用interface可以申明一个类型 3、类
Tiffany_c4df
2019/12/04
6990
TypeScript手记(二)
TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。
用户7572539
2020/08/26
6030
TypeScript学习笔记(二)—— TypeScript基础
JavaScript 的类型分为两种:原始数据类型(Primitive data types)和对象类型(Object types)。
张果
2022/10/04
5.4K0
TypeScript学习笔记(二)—— TypeScript基础
typescript 的数据类型有哪些
typescript 是 javascript的超集,在javascript基础上提供了更加实用的类型供开发使用;
程序媛夏天
2024/03/01
3440
初识TypeScript -基础一 (持续更新)
前言 在开始工作之前,就听朋友提过TypeScript,之前也没多想学习,直到vue3出来之后,感觉TypeScript 后面会成为主流,只能硬着头皮学学吧。 读完本片文章,你会收获 1、TypeScript的历史及其优势 2、TypeScript和JavaScript的差别 3、TypeScript的安装及编译 4、TypeScript的基本类型 TypeScript简介 TypeScript 是由微软公司在 2012 年正式发布,现在也有 8 年的不断更新和维护。是Javascript的一个超集,其实本
憧憬博客
2021/01/06
1.2K0
相关推荐
HarmonyOS Next快速入门:数据类型和类
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验