个人主页: Aileen_0v0
热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法
个人格言:"没有罗马,那就自己创造罗马~"
目录
对2023的总结与回顾
获奖记录
学习记录
感恩相遇
TypeScrip极速入门
编程语言介绍
页面功能
TypeScript的基础语法学习
布尔 类型 和 数字 类型
字符串 类型 和 数组 类型
枚举 类型
未知 类型 和 无返回值 类型
联合 类型
今年是我与CSDN相遇的第一年,
首先我要感谢自己,感谢自己的热爱和坚持。自从9月份开始,我每周都坚持更新博客,用心写好每一篇文章。在编程和技术学习方面,我从来没有放松过,一直保持着学习的态度和学徒之心。除了学习学校的知识,我还自主学习了鸿蒙系统(HarmonyOS 4.0),这个过程让我更加清楚地知道自己喜欢什么,并对未来的职业规划有了更加清晰的认识。
其次,我想感谢所有给予我支持和鼓励的粉丝和大佬们,特别感谢以下几位大佬(hacker707,东离与糖宝,哈哥撩编程,以山河作礼。)他们愿意与我这个计算机小白分享他们的学习和工作经验,他们是我学习的榜样。
此外,我还要特别感谢CSDN给予我展示和分享的机会。2023年,我从CSDN获得了我的第一个奖项,这份惊喜让我更加自信地参与更多的比赛。以前我一直认为这些东西与我遥不可及,但现在我发现,所有的不自信都源于对失败的恐惧。遇到CSDN之后,我变得更加自信和从容,不再害怕困难和失败。在CSDN这个学习和成长的平台上,我结识了越来越多志同道合的小伙伴,我们一起学习,共同进步。
2024年,我会继续努力学习好我的专业技能,脚踏实地的一步一个脚印,与CSDN一起前行,共同进步,为自己的技术之路加油!也希望伟大的祖国越来越强大,我们一起乘风破浪,与这个时代高歌前行~
“长风破浪会有时,直挂云帆济沧海⛵~”
在HarmonyOS中,主力编程语言为ArcTS,它是基于TypeScript的一种语言,其通过与ArcUI框架的匹配,拓展了生命式UI和状态管理等能力,使开发者能够以更简洁自然的方式开发跨端应用。TypeScript本身是JavaScript的超集,通过引入静态类型定义等特性,提高了代码的可维护性和可读性,有助于在编码阶段检测潜在错误,提高开发效率另外,学习TypeScript还为处理HarmonyOS应用中的UI和应用状态提供了更强大的支持,在并发任务方面也有相应的扩展。为了更好地对HarmonyOS进行开发需要掌握TypeScript语言,本篇博客我们重点介绍TypeScript语言。
ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS,我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系:
TypeScript 先编译成 JavaScript然后再运行JavaScript,TypeScript在JavaScript基础上加了类型批注,推断和检查的功能.
在学习ArkTS声明式的相关语法之前,我们首先学习下TypeScript的基础语法。
打开在线运行,左边的是控制台输入的代码,右边的是运行结果.
// 定义 boolean 类型 变量
let isOf = true
let isOn = false
console.log(isOf)
console.log(isOn)
// 定义数字类型的变量
let a : number = 12
let b : number = 3.14
let c : number = 0b110
console.log(a)
console.log(b)
console.log(c)
根据运行结果我们可以发现,即使输入的是二进制,输出的也是十进制的数字
// 定义字符串 类型的变量
let aStr : string = "hello"
//定义数组类型,
// 第一种
let arr1 : number[] = [ 1,2,3,4,6,10]
console.log(arr1)
// 数组[下标] : 获取数组中的某个值
console.log(arr1[4])
运行结果:
Ctrl C + 回车 + Ctrl V 可以输出与商行相同的内容。
// 第二种
let arr2 : Array = ['a','b','d']
console.log(arr2)
// 把hello添加到数组的后面
arr2.push("hello")
console.log(arr2)
// 删除数组最后的元素
arr2.pop()
console.log(arr2)
arr2.splice(2,0,"hello")
console.log(arr2)
arr2.splice(1, 1)
console.log(arr2)
运行结果:
在TypeScript中,可以使用数组的splice
方法来实现删除和插入操作。
splice
方法接受三个参数,分别是操作的起始索引、删除的元素个数和要插入的元素。
删除元素,可以将起始索引指定要删除的元素的位置,删除的元素个数设为非零。
例如,将一个数组arr中索引为i的元素删除,可以使用以下代码:
arr.splice(i, 1);
插入元素,可以将删除的元素个数设为0,起始索引指定要插入的位置,然后在该位置插入要插入的元素。
例如,将一个元素插入到数组arr的索引为i的位置,可以使用以下代码:
arr.splice(i, 0, element);
需要注意的是,splice
方法会直接修改原数组,并返回被删除的元素组成的新数组(如果有删除的元素)。
元组:有确定的元素数量和类型
// 定义一个元组
let t1: [string,number];
t1 = ["hello",100]
console.log(t1,t1[0])
运行结果:
enum类型是对 JavaScript 标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字。——固定好的常量,不会随意改动
例如:我们这里定义SexValue为MAIL和FEMAIL,到时候可以使用SexValue.MAIL
// 定义枚举
enum SexValue{
MAIL = '男',
FEMAIL = '女'
}
let gender :SexValue = SexValue.MAIL
console.log(gender)
运行结果:
// 定义 未知类型
let noSure : unknown;
noSure = 4
noSure = 'hello world'
// void : 函数没有返回值
function myFunc(): void{
console.log('执行函数,没有返回值')
}
myFunc()
// Null , undefined 类型
let n = null
let un = undefined
运行结果:
可以传入数字或字符串类型的值进行调用。
// 联合类型
let myF : string | number = "hello 2024!"
console.log(myF)
运行结果: