2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长

个人主页: Aileen_0v0
热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法
个人格言:
"没有罗马,那就自己创造罗马~"


目录

对2023的总结与回顾

获奖记录

学习记录 

感恩相遇

TypeScrip极速入门

编程语言介绍

 页面功能

TypeScript的基础语法学习 

布尔 类型 和 数字 类型

 字符串 类型 和 数组 类型

枚举 类型

 未知 类型 和 无返回值 类型

联合 类型 


对2023的总结与回顾

获奖记录

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第1张图片学习记录 

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第2张图片​ 2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第3张图片

感恩相遇

今年是我与CSDN相遇的第一年,

        首先我要感谢自己,感谢自己的热爱和坚持。自从9月份开始,我每周都坚持更新博客,用心写好每一篇文章。在编程和技术学习方面,我从来没有放松过,一直保持着学习的态度和学徒之心。除了学习学校的知识,我还自主学习了鸿蒙系统(HarmonyOS 4.0),这个过程让我更加清楚地知道自己喜欢什么,并对未来的职业规划有了更加清晰的认识。

        其次,我想感谢所有给予我支持和鼓励的粉丝和大佬们,特别感谢以下几位大佬(hacker707,东离与糖宝,哈哥撩编程,以山河作礼。)他们愿意与我这个计算机小白分享他们的学习和工作经验,他们是我学习的榜样。

        此外,我还要特别感谢CSDN给予我展示和分享的机会。2023年,我从CSDN获得了我的第一个奖项,这份惊喜让我更加自信地参与更多的比赛。以前我一直认为这些东西与我遥不可及,但现在我发现,所有的不自信都源于对失败的恐惧。遇到CSDN之后,我变得更加自信和从容,不再害怕困难和失败。在CSDN这个学习和成长的平台上,我结识了越来越多志同道合的小伙伴,我们一起学习,共同进步。

        2024年,我会继续努力学习好我的专业技能,脚踏实地的一步一个脚印,与CSDN一起前行,共同进步,为自己的技术之路加油!也希望伟大的祖国越来越强大,我们一起乘风破浪,与这个时代高歌前行~

“长风破浪会有时,直挂云帆济沧海⛵~”

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第4张图片​ 

TypeScrip极速入门

在HarmonyOS中,主力编程语言为ArcTS,它是基于TypeScript的一种语言,其通过与ArcUI框架的匹配,拓展了生命式UI和状态管理等能力,使开发者能够以更简洁自然的方式开发跨端应用。TypeScript本身是JavaScript的超集,通过引入静态类型定义等特性,提高了代码的可维护性和可读性,有助于在编码阶段检测潜在错误,提高开发效率另外,学习TypeScript还为处理HarmonyOS应用中的UI和应用状态提供了更强大的支持,在并发任务方面也有相应的扩展。为了更好地对HarmonyOS进行开发需要掌握TypeScript语言,本篇博客我们重点介绍TypeScript语言。

编程语言介绍

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS,我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第5张图片

TypeScript 先编译成 JavaScript然后再运行JavaScript,TypeScript在JavaScript基础上加了类型批注,推断和检查的功能.

  1. JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
  2. TypeScript 是 JavaScript 的一个超集,它扩展了 JavaScript 的语法,通过在JavaScript的基础上添加静态类型定义构建而成,是一个开源的编程语言。
  3. ArkTS兼容TypeScript语言,拓展了声明式UI、状态管理、并发任务等能力。

在学习ArkTS声明式的相关语法之前,我们首先学习下TypeScript的基础语法。


 页面功能

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第6张图片


2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第7张图片

打开在线运行,左边的是控制台输入的代码,右边的是运行结果.

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第8张图片


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)

运行结果:2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第9张图片

根据运行结果我们可以发现,即使输入的是二进制,输出的也是十进制的数字 


 字符串 类型 和 数组 类型

// 定义字符串 类型的变量
let aStr : string = "hello"

//定义数组类型,
// 第一种
let arr1 : number[] = [ 1,2,3,4,6,10]
console.log(arr1)
// 数组[下标] : 获取数组中的某个值
console.log(arr1[4])

运行结果:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第10张图片​ 

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)

 运行结果:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第11张图片

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])

运行结果:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第12张图片


枚举 类型

enum类型JavaScript 标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字。——固定好的常量,不会随意改动

例如:我们这里定义SexValue为MAIL和FEMAIL,到时候可以使用SexValue.MAIL 

// 定义枚举
enum SexValue{
    MAIL = '男',
    FEMAIL = '女'
}

let gender :SexValue = SexValue.MAIL
console.log(gender)

运行结果: 

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第13张图片


 未知 类型 和 无返回值 类型

// 定义 未知类型
let noSure : unknown;

noSure = 4
noSure = 'hello world'

// void : 函数没有返回值

function myFunc(): void{
    console.log('执行函数,没有返回值')
}
myFunc()

// Null , undefined 类型
let n = null
let un = undefined

运行结果:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第14张图片


联合 类型 

可以传入数字或字符串类型的值进行调用。

// 联合类型
let myF : string | number = "hello 2024!"
console.log(myF)

运行结果:

2023年——我和CSDN的一周年纪念日|回顾与展望|汗水与成长_第15张图片

你可能感兴趣的:(HarmonyOS系统自学,学习,harmonyos,华为,typescript,程序人生,阿里云,CSDN开发云)