HarmonyOS鸿蒙开发-ArkTS初学01

分析:文章全部内容均来自于【哔哩哔哩-黑马步伐员鸿蒙HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程】
  网址链接如下：鸿蒙课程先容_哔哩哔哩_bilibili
  本文是学习后的复盘，若有错漏，敬请各位大佬指正！！小包拜谢各位大佬！！！
   一、开发工具下载

        工欲善其事，必先利其器。说的大一点，学习鸿蒙开发，那固然初学者肯定没有这么快，我们从最基础的ArkTS语言开始出发！他不像其他的编程语言一样需要设置一些比力复杂的环境之类的，只需要下载一个名为DevEco Studio的开发工具就可以！
1.1从哪儿下载？

      

​       HarmonyOS官网首页               咱们可以从HarmonyOS官网去下载，HarmonyOS官网地址
 1.2怎么下载？

• 第一步：将HarmonyOS的官网地址复制粘贴进行搜索，或者也可以按住键盘Ctrl键点击下方链接进行跳转 华为开发者同盟-HarmonyOS开发者官网，共建鸿蒙生态 ，将会进入到HarmonyOS官网首页。
  
• 第二步：进入首页看到画面如下图所示，滚动网页直至找到DevEco Studio字样，并点击
  

   

   

  ​
  

• 第三步：页面跳转后，将会进入工具下载界面如下图1所示，即可点击立即下载按钮，进行安装包的选择，如下图2所示
  

      

​       图1            

​       图2        以上三个安装包的版本可根据自身情况自行选择下载
            |温馨提示：建议下载到磁盘空间充裕的磁盘，本地磁盘C盘请谨慎下载！！
            |温馨提示：建议下载到磁盘空间充裕的磁盘，本地磁盘C盘请谨慎下载！！
            |温馨提示：建议下载到磁盘空间充裕的磁盘，本地磁盘C盘请谨慎下载！！
1.3怎么安装？

• 第一步：将获取到的安装包进行解压，得到如下图两个文件
  

   

  

• 第二步：双击打开文件夹后，将可以看到一个EXE可执行文件，双击打开    
  

• 第三步：双击打开后会出现安装弹窗，跟着安装弹窗一步一步操作即可
  

• 第四步: 详细的后续设置以及前面的下载安装若是有什么错漏的题目，大家可以参考以下链接文章DevEco Studio下载安装、项目设置详细教程(2024)                   
  

二、ArkTS基础知识

2.1数据的存储(变量和常量)

1.日志输出语法规范

1. 日志输出结果语法规范： console.log('消息说明','打印的内容')

复制代码

         ·注意:
        ①消息分析部分的内容必须是在引号之内否则无法输出且会报错
        ②打印的内容可以是引号内直接放的内容或者是变量

1. console.log('我说','我们一起学鸿蒙！！')
2. console.log('他说','快来快来！！')

复制代码

2.熟悉数据
      

       三种常见的数据类型&图示      
3.变量（常量）的存储
         ①变量
         (1)string类型(字符串)
         (2)number类型(数字)
         (3)boolean类型(布尔)  
      

       变量的存储      

1. // 1.1字符串 string类型
2. // 注意点1：字符串需要用引号引起来（单引号双引号都行）推荐单引号
3. // 注意点2：存储的时候，后面的存的内容，需要和前面的类型对应
4. let title: string = '塔斯汀中国汉堡'
5. console.log('我要吃',title)
8. //  1.2数字 number类型
9. let age: number = 18
10. console.log('年龄age',age)
13. // 1.3布尔 boolean类型
14. let isLogin: boolean = true
15. console.log('是否登录',isLogin)

复制代码

         ② 常量 
      

       常量的定义与存储      

1. //常量
2. const CompanyName: string = '鼎宇'
3. console.log('公司名',CompanyName)
4. const PI: number = 3.1415926
5. console.log('圆周率',PI)

复制代码

         注意：变量用`let`来定义;常量用`const`来定义
   命名规则：
   ①只能包含数字、字母、下划线、$，不能以数字开头 --重点
   ②不能利用内置关键字或者保存字（比如let、const）
   ③严格区分大小写
  2.2数组

        1.数组定义语法
            数组：是一个容器，可以存储多个数据

1.     let 数组名:类型[] = [数据1，数据2，数据3，。。。。]

复制代码

        2.数组的索引
                数组中每个存储的数据，都有自己的编号，编号从0开始，这就是数组的索引。
                编号从0开始！编号从0开始！编号从0开始！
      

       数组的定义与索引​​      

1. let names: string[] = ['刘一一','杨波','刘妤诗','伍佰']
2. console.log('数组names',names)
4. // 利用有序的编号（索引），取数组中的数据
5. // 取数据:数组名[索引]
6. console.log('取到了',names[2])
9. ！！！注意：数组声明好的类型，后面的数据必须和他一致

复制代码

         3.总结

2.3函数

         1.定义函数语法 
             函数：是可以被重复利用的代码块
             作用：函数可以把具有雷同逻辑的代码“包裹”起来，有利于代码复用

1.     function 函数名(){
2.             函数体
3.             }

复制代码

        2.函数调用语法

1.     函数名() 

复制代码

     

       函数的根本利用      

1. // 1.定义函数
2. // function 函数名(){函数体}
3. function star(){
4.   console.log('五角星','☆');
5.   console.log('五角星','☆☆');
6.   console.log('五角星','☆☆☆');
7.   console.log('五角星','☆☆☆☆');
8.   console.log('五角星','☆☆☆☆☆');
10. }
11. // 2.函数调用(使用函数)
12. // 函数名()
13. star()
14. star()
15. star()

复制代码

        3.函数的完备用法(以详细需求为例)

1. /*
2. 需求：
3. 用一个函数，来实现下面的需求
4. 传入 价格 和 数量，返回 计算的结果
5. 1.苹果 2元/斤，买了3斤，多少钱？
6. 2.香蕉 4元/斤，买了4斤，多少钱？
7. */
9. function buy(price: number, num: number){
10.   console.log('传入的数据',price,num)
11.   // 1.处理数据
12.   let result: number = price * num
13.   // 2.返回结果
14.   return result
15. }
16. let apple: number =buy(2,3)
17. console.log('苹果',apple)  //苹果 6
19. let banana: number = buy(4,4)
20. console.log('香蕉',banana) //香蕉 16

复制代码

     

       函数完备用法总结               4.箭头函数
           箭头函数是比普通函数更简便的一种函数写法
        语法：

1.         let 函数名 = (形参变量名1: 形参类型, ..) => {
2.                 函数体
3.         return 返回值
4.         }

复制代码

1. /*
2. 需求：
3. 用箭头函数，完成计算
4. 传入 价格 和 数量，返回 计算的结果
5. 1.苹果2元/斤，买了3斤，多少钱？
6. 2.香蕉4元/斤，买了4斤，多少钱？
7. */
8. let buy = (price: number, weight: number) => {
9. //1.计算数据
10.   let result: number = price * weight
11. //2.返回计算的结果
12.   return result
13. }
14. let apple: number = buy(2,3)
15. console.log('苹果',apple)  //苹果 6
16. let banana: number = buy(4,4)
17. console.log('香蕉',banana) //香蕉 16

复制代码

     

       箭头函数总结        2.4对象

        1.对象的定义与利用(以实际需求为例)
      

       对象的定义与利用      

1. // 需求：定义一个对象
2. // 姓名：李雨诗  年纪：28  体重：90
4. // 1.定义接口
5. interface Person{
6.   name: string
7.   age: number
8.   weight: number
9. }
10. // 2.基于接口，定义对象
11. let lys: Person = {
12.   name: '李雨诗',
13.   age: 28,
14.   weight: 90
15. }
16. // 3.获取对象的属性值  对象名.属性名
17. console.log('体重:',lys.weight)  //体重： 90
18. console.log('年纪:',lys.age)     //年纪： 28
19. console.log('姓名:',lys.name)    //姓名： 李雨诗

复制代码

1. // 基于接口，可以多次定义对象，这些对象有着相同的结构类型
2. let lff: Person = {
3.   name : '刘菲菲',
4.   age : 19,
5.   weight : 88
6. }

复制代码

        2.对象的方法（以实际需求为例）

1. // 特征：姓名：张碧晨，年纪：28，体重：90
2. // 行为：唱歌、跳舞
4. // 1.定义接口
5. interface Person{
6.   name: string
7.   age: number
8.   weight: number
9.   // ①定义方法的类型
10.   sing: (song: string) => void
11.   dance: () => void
12. }
14. // 2.基于接口，定义对象
15. let ym: Person = {
16.   name: '张碧晨',
17.   age: 28,
18.   weight: 90,
19. //   ②定义方法
20.   sing: (song: string) => {
21.     console.log('碧晨说','我来唱首歌',song)
22.   },
23.   dance: () => {
24.     console.log('碧晨说','我来跳个舞')
25.   }
26. }
28. // ③调用对象里面的方法（重要！！）
29. ym.sing('在加纳共和国离婚')      //碧晨说  我来唱首歌 在加纳共和国离婚
30. ym.dance()                      //碧晨说  我来跳个舞

复制代码

2.5联合类型存储数据

1. /*联合类型*/
2. // 定义一个变量，存放【年终考试评价】
3. // 考试评价：可能是具体的分数，也可能是A、B、C、D等级
5. let judge: number | string = 100
6. judge = 'A+'
7. judge = '优秀'
8. judge = '不错，继续努力！'
10. console.log('年终考试评价',judge)  //年终考试评价  不错，继续努力！
12. // 联合类型可以将变量值，约定在一组数据范围内进行选择
13. // 性别：男 女 保密
14. let gender:  'man'|'woman'|'secret' = 'man'

复制代码

2.6枚举类型存储数据

1. /*枚举类型*/
2. /*
3. * 淘宝常用主色
4. * ①红色：#ff0f29
5. * ②橙色：#ff7100
6. * ③绿色：#30b30e
7. * */
8. // 需求：利用枚举类型，给变量设置主色
9. // 取值范围
10. // ①红色：#ff0f29
11. // ②橙色：#ff7100
12. // ③绿色：#30b30e
14. //1.定义枚举（定义常量列表）
15. enum ThemeColor {
16.   Red = '#ff0f29',
17.   Orange = '#ff7100',
18.   Green = '#30b30e'
19. }
21. //2.给变量设定枚举类型
22. let color: ThemeColor = ThemeColor.Orange
23. console.log('color',color)   //color #ff7100

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。