【Harmony OS 4.0】TypeScript 快速入门

2024-08-21 19:44

本文主要是介绍【Harmony OS 4.0】TypeScript 快速入门,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1. 基本类型

// 1. boolean 类型
let isOff = true
let isOn = false// 2. 数字类型
let a: number = 2// 3. 字符串类型
let aStr:string = "hello"// 4. 俩种数组类型
let arr1:number[] = [1, 3, 5]
let arr2: Array<string> = ["hello", "world"]// 4.1 回顾splice用法,改变原数组,返回修改后的数组
let arr3 = [1, 3, 5, 7]
arr3.splice(2, 0, 3) // 把值3添加到下标2的地方
console.log(arr3) // [1, 3, 3, 5, 7]
arr3.splice(4, 1) // 删除下标4的值
console.log(arr3) // [1, 3, 3, 5]// 5. 定义一个元组类型  ==>  允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。
let arr4: [string, number]
arr4 = ['hello', 100]
arr4 = [100, 'hello'] // error demo
arr4 = ['hello', 100, 200] // error demo// 6. 定义枚举 enum  ==>  是对javascript标准数据类型的一个补充,可以为一组数值赋予友好的名字。
enum Color { red, green, blue }
let c: Color = Color.green// 7. 定义未知类型 any/Unknown  ==>  不清楚类型的变量,不希望类型检查器对这些值进行检查,直接通过编译阶段的检查。
let noSure: unknown/any
noSure = 4 // 这里4可以是任意值// 8. viod  ==>  函数没有返回值
function myfunc(): void {// 这里不能有return
}// 9. Null  ==> 空值,没有给它分配内存,内存中没有变量;
//    undefined  ==> 未定义的变量,有这个变量,但是没有定义// 10. 联合类型
let a: string | number
a = 'hello'
a = 100

2. 条件语句

// 1. if
// 2. if...else 
// 3. if...else if...else ...else
// 4. switch...case,用来做多条件的等于判断
let gender: string = 'mail'
switch (gender) {case 'mail': {console.log('男')break; // 满足条件就终止判断}case 'femail': {console.log('女')break;}default: { // 上面所有case条件都不满足,就会进入defaultconsole.log('不能确定性别')break;}
}

3. 循环语句

// 1. 
let i: numebr;
for(i = 1;i <= 10;i++) {console.log(i)
}// 2. 只能针对集合或者是列表
let j: any
// let j: unkonwn
let nums: Array<number> = [12, 23, 56, 32]
for (j in nums) {console.log(nums[j])
}

4. 函数

// 1. 有名函数
function add(x: number, y: number): void{}
add(10, 20)// 2. 匿名函数
let add_Func = function(x: number, y: number): number{return x + y
}
add_Func(10, 20)// 3. 可选参数的函数
function fn(x: number, name?: string) :void {}
fn(10)// 4. 剩余参数 ==> 个数不限的可选参数
function fn(x: number, ...other: Array<any>) :void {}
fn(10, 'hello', 30)// 5. 箭头函数  ==>  定义匿名函数的简写语法
let fn = (x: number, y: number) => {}

5. 类对象

  1. public 公共属性
  2. private 私有属性,只能在类里面用,类对象外无法访问到属性,因此别人在类外面不能随意改动。
    在 ArkTs 中,private 必须本地初始化。
  3. protected 在一个包里面可以用
// 1. 定义一个Person类
class Person {// 私有属性private name: stringprivate age: number// 定义构造函数constructor(name: string, age: number){this.name = namethis.age = age}// 公共成员函数public getPersonInfo() :string {return 	`我的名字是${this.name},年龄是${this.age}`}
}
let p = new Person('张三'18)
p.getPersonInfo()// 2. 继承 extends
// 定义一个Employee类继承Person
class Employee extends Person {private department: string;constructor(name: string, age: number, department: string){// 调用父类的构造函数super(name, age)this.department = department}public getEmployeeInfo() :string {return this.getPersonInfo() + `,我的工作部门是${this.department}`}
}
let emp = new Employee('王五', 26, '行政部')
emp.getEmployeeInfo()
emp.getPersonInfo()

6. 可迭代对象

  1. 当一个对象实现了 Symbol.iterator 属性时,它是可迭代的。(可以通过for…of循环遍历的对象)。
    一些内置的类型如 Array, Map, Set, String, Int32Array, Uint32Array 等都具有可迭代性。
  2. 迭代器都是可迭代对象
    可迭代对象是迭代器的一个子集
// 1. for..of 语句,针对可迭代对象才能使用,i 代表其中元素,不指下标。
let str: string = 'sdfs'
for(let i of str) {console.log(i) // s d f s
}// 2. map类型,每个元素都是由俩个组成:key,value
let map1 = new Map<string, number>()
map1.set('a', 111)
map1.set('b', 222)
map1.set('c', 333)
for(let j of map1) {console.log(j) // ['a', 111] ['b', 222] ['c', 333]console.log(j[1]) // 111 222 333
}

7. 模块

前端模块化,在 ArkTs中,常用 ES6 模块化。

这篇关于【Harmony OS 4.0】TypeScript 快速入门的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1094101

相关文章

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

springboot security快速使用示例详解

《springbootsecurity快速使用示例详解》:本文主要介绍springbootsecurity快速使用示例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录创www.chinasem.cn建spring boot项目生成脚手架配置依赖接口示例代码项目结构启用s

C++快速排序超详细讲解

《C++快速排序超详细讲解》快速排序是一种高效的排序算法,通过分治法将数组划分为两部分,递归排序,直到整个数组有序,通过代码解析和示例,详细解释了快速排序的工作原理和实现过程,需要的朋友可以参考下... 目录一、快速排序原理二、快速排序标准代码三、代码解析四、使用while循环的快速排序1.代码代码1.由快

Win32下C++实现快速获取硬盘分区信息

《Win32下C++实现快速获取硬盘分区信息》这篇文章主要为大家详细介绍了Win32下C++如何实现快速获取硬盘分区信息,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 实现代码CDiskDriveUtils.h#pragma once #include <wtypesbase

Python FastAPI入门安装使用

《PythonFastAPI入门安装使用》FastAPI是一个现代、快速的PythonWeb框架,用于构建API,它基于Python3.6+的类型提示特性,使得代码更加简洁且易于绶护,这篇文章主要介... 目录第一节:FastAPI入门一、FastAPI框架介绍什么是ASGI服务(WSGI)二、FastAP

Spring AI与DeepSeek实战一之快速打造智能对话应用

《SpringAI与DeepSeek实战一之快速打造智能对话应用》本文详细介绍了如何通过SpringAI框架集成DeepSeek大模型,实现普通对话和流式对话功能,步骤包括申请API-KEY、项目搭... 目录一、概述二、申请DeepSeek的API-KEY三、项目搭建3.1. 开发环境要求3.2. mav

Python如何快速下载依赖

《Python如何快速下载依赖》本文介绍了四种在Python中快速下载依赖的方法,包括使用国内镜像源、开启pip并发下载功能、使用pipreqs批量下载项目依赖以及使用conda管理依赖,通过这些方法... 目录python快速下载依赖1. 使用国内镜像源临时使用镜像源永久配置镜像源2. 使用 pip 的并

SpringBoot快速接入OpenAI大模型的方法(JDK8)

《SpringBoot快速接入OpenAI大模型的方法(JDK8)》本文介绍了如何使用AI4J快速接入OpenAI大模型,并展示了如何实现流式与非流式的输出,以及对函数调用的使用,AI4J支持JDK8... 目录使用AI4J快速接入OpenAI大模型介绍AI4J-github快速使用创建SpringBoot

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import