鸿蒙ArkTS语言介绍与TS基础法

news2024/9/24 23:27:26

1、ArkTS介绍

ArkTS是HarmonyOS主力应用开发语言,它在TS基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等响应的能力,让开发者以更简洁、更自然的方式开发跨端应用。
在这里插入图片描述

JS 是一种属于网络的高级脚本语言,已经被广泛用于web应用开发,常用来为网页天津各式各样的动态功能,为用户提供更流畅美观的浏览效果。
TS是JS的一个超集,它扩展了JS的语法,通过在JS的基础上添加静态类型定义构建而成,是一个开源的编程语言。
ArkTS基于TS语言,拓展了声明式UI、状态管理、并发任务等能力。
因此:在研究ArkTS之前,需要具备JS和TS的基础知识,才会更加快速的掌握ArkTS,进行鸿蒙应用的开发。

2、TS基础语法:基础类型

2.1、布尔类型

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

let b:boolean = false;

2.2、数字类型

TS中所有的数字都是浮点数,可以使用number表示,除了十进制,还有支持二进制、八进制、十六进制。

let a:number = 2023;
let b:number = 0b11001100;
let c:number = 0o3757;
let d:number = 0xae98;

2.3、字符串类型

TS中使用string表示文本数据类型,可以使用双引号或单引号表示字符串。

let name:string = "qubo";
name = "qu";
name = "bo";

2.4、数组类型

TS支持两种方式声明数组:
第一种:可以在元素类型后面接着书写[ ] ,表示由此类型元素组成的一个数组;
第二种:使用数组泛型,Array<元素类型>

let ages:[] = [17,18,19,20];
let names:Arrya<string> = ["张无忌","赵敏","周芷若","小昭"];

2.5、元组类型

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

let x:[string,number];
x = ["张无忌",20];  // 没有问题
x = [18,'赵敏'];   // 编译时报错

2.6、枚举类型

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

enum Color {Red,Green,Blue};
let c:Color = Color.Blue;

2.7、unknown类型

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

let s:unknown = 123;
s = "abc";
s = true;
// 以上操作都是正确的

2.8、void类型

当一个函数没有返回值时,通过会使用void作为返回值类型进行标记。

function demo():void{
	consoloe.log("void 表示函数不返回任何数据");
}

2.9、null和undefined类型

TS中,undefined和null两者各自有自己的类型分别是undefined和null。

let a:undefined = undefined;
let b:null = null;

2.10、联合类型

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

let a:string|number;
a = "陕西";
a = 610;

3、条件语句

条件语句用于基于不同的条件来执行不同的动作,ts条件语句通过一条或者多条语句的执行结果(true或false)来决定执行的代码块。

3.1、if语句

let num:number = 10;
if(num > 0){
	console.log("正数");
}

3.2、if else语句

let num:number = 10;
if(num % 2 == 0){
	console.log("偶数");
}else{
	console.log("奇数");
}

3.3、if-else if else语句

let num:number = 10;
if(num > 0){
	console.log("正数");
}else if(num < 0){
	console.log("负数");
}else{
	console.log("零");
}

3.4、switch语句

一个switch语句用于一个变量可能等于多个值时,通过不同的case值,进行每个可能值的检测,并执行对应的代码。

let score:number = 90;
switch(parseInt(score / 10)){
	case 10:
	case 9:
		console.log("优");
		break;
	case 8:
		console.log("良");
		break;
	case 7:
		console.log("中");
		break;
	case 6:
		console.log("差");
		break;
	default:
		console.log("不及格");
		break;	
}

4、函数定义

函数是一组一起执行的任务语句,函数声明要告诉编译器函数的名称、返回值类型和参数。TS创建函数有两种情况:有名称函数和匿名函数

4.1、有名称函数

// 有名称函数:给列表设置为number类型
function add(a:number , b:number):number{
	return a + b;
}

4.2、匿名函数

// 匿名函数:给列表设置为number类型
let add = function(a:number , b:number):number{
	return a + b;
}

4.3、可选参数

在TS中可以在参数旁边使用?实现可选参数。

// lastName:可选参数,调用时可以传递,也可以不传递
function buildName(firstName:string,lastName?:string):string{
	if(lastName){
		return firstName + "-" + lastName;
	}else{
		return firstName;
	}
}
console.log( buildName("赵","四") );
console.log( buildName("赵") );

4.4、剩余参数

剩余参数会被当作个数不限的可选参数。调用时可以传递数据,也可以不传递,还可以传递很多个数据。使用省略号进行定义

function add(a:number,b:number,...rest:number[]):number{
	let sum = a + b;
	if(rest){
		for(let i = 0 ; i < rest.length; i++){
			sum+=rest[i];
		}
	}
	return sum;
}
console.log( add(1,2,3,4,5,6,7) );
console.log( add(1,2,3) );
console.log( add(1,2) );

4.5、箭头函数

ES6版本提供建通函数,它是定义匿名函数的简写形式,用于函数表达式,它省略function关键字。

([param1,param2,...,param n])=>{
	// 代码块
}

其中括号内是函数的入参,可以有0到多个参数,箭头后是函数体的代码块。也可以将这个箭头函数赋值给一个变量

let func = ([param1,param2,...,param n])=>{
	// 代码块
}

5、类

5.1、定义类

TS支持基于类的面向对象的编程方式,定义类的关键字为 class,后面紧跟类名。类描述了所创建的对象共同的属性和方法。

// 定义类
class Person{
	private name:string;
	private age:number;
	constructor(name:string,age:number){
		this.name = name;
		this.age = age;
	}
	public getPersonInfo():string{
		return `name=${this.name},age=${this.age}`;
	}
}
// 创建类的对象
let p1 = new Person("灭绝师太",100);
p1.getPersonInfo();

可以使用private、public、static、protected等修饰符对类中的成员进行修饰。用于参考TS类的官方文档。

5.2、继承

继承是子类继承父类的特征和行为,使得子类具有父类相同的行为,TS中允许使用继承扩展现有的类,对应的关键字extends。

// 定义类
class Emp extends Person{
	private dept:string;
	constructor(name:string,age:number,dept:string){
		super(name,age);
		this.dept = dept;
	}
	public getEmpInfo():string{
		return this.getPersonInfo()+`,dept=${this.dept}`;
	}
}
// 创建类的对象
let e1= new Emp ("金毛狮王",20,"保安部");
e1.getEmpInfo();

针对类,除了继承,还有抽象类,与接口的概念。后续课程中用到了还会继续介绍。

6、模块

随着应用越来越大,通常要将代码拆分成多个文件,即所谓的模块 (module) 。模块可以相互加载并可以使用特殊的指令 export 和 import 来交换功能,从另一个模块调用一个模块的函数。
两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。类似地,我们必须通过 import 导入其他模块导出的变量、函数、类等

// 导出这个类
export class NewsData{
	title:string;
	content:string;
	constructor(title:string,content:string){
		this.title = title;
		this.content = content;
	}
}
// 导入已经存在的类
import {NewsData} from '../pojo/NewsData';

7、迭代器

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

// for of语句
let arr = [11,22,33,44];
for(let x of arr){
	console.log(x);
}
// for in 语句
let items = ["aaa","bbb","ccc","ddd"];
for(let i in items){
	console.log(i); // 这里的i是数组的下标,并不是数组中的元素
}
//
for(let i of items){
	console.log(i); // 这里的i是数组中的元素
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1324413.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

精通服务器远程管理:全面指南

引言 在当今数字化世界中&#xff0c;IT专业人员和管理员能够远程管理服务器的能力是无价之宝。远程服务器管理不仅提高了效率&#xff0c;而且在无法物理访问服务器的情况下确保了持续的运营。本指南将深入探讨远程管理的不同类型、远程桌面的使用方法&#xff0c;以及如何安全…

ie-tab插件平替插件IEability-Open in IE

ie-tab插件仅可试用两周&#xff0c;之后就要收费 IEability-Open in IE可以平替 IE tab 下载IEability.exe并进行安装 在浏览器的输入界面输入搜索内容&#xff0c;点击插件按钮即可进入IE模式

sectigo多域名通配符证书

多域名通配符SSL证书是一种特殊的SSL证书&#xff0c;它综合了多域名SSL证书和通配符SSL证书的特点&#xff0c;可以同时保护多个泛域名以及它的主域名&#xff0c;适合域名多&#xff0c;子域名也比较多的单个或多个站点使用。今天就随SSL盾小编了解Sectigo旗下的DV多域名通配…

Node.js 工作线程与子进程:应该使用哪一个

Node.js 工作线程与子进程&#xff1a;应该使用哪一个 并行处理在计算密集型应用程序中起着至关重要的作用。例如&#xff0c;考虑一个确定给定数字是否为素数的应用程序。如果我们熟悉素数&#xff0c;我们就会知道必须从 1 遍历到该数的平方根才能确定它是否是素数&#xff…

基于YOLOv8的结核病预测系统设计与实现

一、项目背景 本系统的目的是通过痰液图像来检测出结核杆菌的携带者&#xff0c;及时采取治疗措施&#xff0c;在病情早期对其进行相关治疗减少结核病的传播。程序使用的样本是经过染色处理可以使得结核杆菌在显微镜拍摄的医学图像&#xff0c;通过检测医学图像中的结核杆菌诊…

ros2 学习03-开发工具vscode 插件配置

VSCode插件配置 为了便于后续ROS2的开发与调试&#xff0c;我们还可以安装一系列插件&#xff0c;无限扩展VSCode的功能。 中文语言包 Python插件 C插件 CMake插件 vscode-icons ROS插件 Msg Language Support Visual Studio IntelliCode URDF Markdown All in One VSCode支持的…

架构设计到底是什么?

文章目录 架构设计有哪些内容&#xff1f;架构原理与技术认知分布式技术原理与设计中间件常用组件的原理和设计问题数据库原理与设计问题分布式缓存原理与设计问题互联网高性能高可用设计问题 技术认知架构分析问题分析能力边界 架构设计&#xff0c;是中高级研发工程师逃不开的…

什么是集成测试?它和系统测试的区别是什么? 操作方法来了

01 什么是集成测试&#xff1f; 集成测试是软件测试的一种方法&#xff0c;用于测试不同的软件模块之间的交互和协作是否正常。集成测试的主要目的是确保不同的软件模块能够无缝协作&#xff0c;形成一个完整的软件系统&#xff0c;并且能够满足系统的需求和规格。 在集成测试…

理解pom.xml中的parent标签

✅作者简介&#xff1a;大家好&#xff0c;我是Leo&#xff0c;热爱Java后端开发者&#xff0c;一个想要与大家共同进步的男人&#x1f609;&#x1f609; &#x1f34e;个人主页&#xff1a;Leo的博客 &#x1f49e;当前专栏&#xff1a; 循序渐进学SpringBoot ✨特色专栏&…

【设计模式--结构型--适配器模式】

设计模式--结构型--适配器模式 适配器模式概述结构案例类适配器模式对象适配器模式 应用场景 适配器模式 概述 将一个类的接口转换成客户希望的另一个接口&#xff0c;使得原本由于接口不兼容而不能一起工作的那些类能一起工作。 适配器模式分为类适配器模式和对象适配器模式…

《opencv实用探索·二十一》人脸识别

Haar级联分类器 在OpenCV中主要使用了两种特征&#xff08;即两种方法&#xff09;进行人脸检测&#xff0c;Haar特征和LBP特征。用的最多的是Haar特征人脸检测。 Haar级联分类器是一种用于目标检测的机器学习方法&#xff0c;它是一种基于机器学习的特征选择方法&#xff0c;…

如何下载知网论文、专利的PDF格式

知网的论文格式有其特有的格式&#xff1a;CAJ。将CAJ格式转化为Word或者PDF非常麻烦&#xff0c;且会出现乱码的情况&#xff0c;直接用知网官方的CAJ浏览器也不太方便。为此&#xff0c;困扰了许久。 其实&#xff0c;知网可以直接下载PDF格式&#xff0c;只需在浏览器上安装…

【halcon深度学习】create_dl_model_detection

基本介绍 create_dl_model_detection 不是一个封装的库函数&#xff0c;是一个算子。用于创建用于目标检测或实例分割任务的深度学习模型。 输入参数&#xff1a; Backbone (input_control): 指定用作背骨网络的深度学习分类器&#xff0c;充当模型的基础。用户可以选择不同的…

贝蒂快扫雷~(C语言)

✨✨欢迎大家来到贝蒂大讲堂✨✨ ​​​​&#x1f388;&#x1f388;养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; 所属专栏&#xff1a;贝蒂的游戏 贝蒂的主页&#xff1a;Betty‘s blog 引言&#xff1a; 扫雷相信大家小时候到玩过吧&#xff0c;那…

【python】在线代码混淆方案及注意事项

▒ 目录 ▒ &#x1f6eb; 导读开发环境 1️⃣ 在线网站pyob混淆操作步骤编写测试代码混淆转pyc缺点中文路径问题&#xff1a;python: Cant reopen .pyc file 2️⃣ 反编译python文件格式对比uncompyle6 3️⃣ 其它方案cpythonpython-obfuscatorPyInstaller【不推荐】pyminifie…

内网穿透工具frp安装使用

摘要&#xff1a;之前使用的 nps 目前没有维护更新了&#xff0c;和在使用的过程中做内网穿透的的网速应该有限制&#xff0c;不论云服务器带宽是多少&#xff0c;下载速度都比较慢。这里切换到 frp 试试&#xff0c;对安装和使用简单记录&#xff0c;其和 nps 有很大的操作配置…

机器人也能干的更好:RPA技术的优势和应用场景

RPA是什么&#xff1f; 机器人流程自动化RPA&#xff08;Robotic Process Automation&#xff09;是一种自动化技术&#xff0c;它使用软件机器人来高效完成重复且有逻辑性的工作。近年来&#xff0c;随着人工智能和自动化技术的不断发展和普及&#xff0c;RPA已经成为企业提高…

流程挖掘技术在数字化转型中的应用价值

2023年2月27日国家正式发布了《数字中国建设整体布局规划》&#xff0c;指出建设数字中国是数字时代推进中国式现代化的重要引擎&#xff0c;是构筑国家竞争新优势的有力支撑&#xff0c;为加速数字化转型发出了明确号令。 随着数字化转型的推进&#xff0c;流程挖掘技术逐渐成…

CUMT--Java复习--异常

目录 一、异常 1、概述 2、异常处理机制 二、捕获异常 &#xff08;1&#xff09;try...catch语句 &#xff08;2&#xff09;try...catch..finally语句 &#xff08;3&#xff09;自动关闭资源的try语句 &#xff08;4&#xff09;其他 三、抛出异常 &#xff08;1&…

ICC2:illegal dimension route

我正在「拾陆楼」和朋友们讨论有趣的话题&#xff0c;你⼀起来吧&#xff1f; 拾陆楼知识星球入口 illegal dimension route DRC的违例常出现的先进工艺里&#xff0c;部分层次在水平方向和竖直方向有宽度梯度的要求。如下示例: 意思就是竖直方向&#xff08;yLegalDim&#x…