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.日志输出语法规范

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

         ·注意:

        ①消息说明部分的内容必须是在引号之内否则无法输出且会报错

        ②打印的内容可以是引号内直接放的内容或者是变量

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

2.认识数据

三种常见的数据类型&图示

3.变量（常量）的存储

         ①变量

         (1)string类型(字符串)

         (2)number类型(数字)

         (3)boolean类型(布尔)  

变量的存储

// 1.1字符串 string类型
// 注意点1：字符串需要用引号引起来（单引号双引号都行）推荐单引号
// 注意点2：存储的时候，后面的存的内容，需要和前面的类型对应
let title: string = '塔斯汀中国汉堡'
console.log('我要吃',title)


//  1.2数字 number类型
let age: number = 18
console.log('年龄age',age)


// 1.3布尔 boolean类型
let isLogin: boolean = true
console.log('是否登录',isLogin)

         ② 常量 

常量的定义与存储

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

         注意：变量用`let`来定义;常量用`const`来定义

命名规则：

 ①只能包含数字、字母、下划线、$，不能以数字开头 --重点

 ②不能使用内置关键字或者保留字（比如let、const）

 ③严格区分大小写

2.2数组

        1.数组定义语法

            数组：是一个容器，可以存储多个数据

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

        2.数组的索引

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

                编号从0开始！编号从0开始！编号从0开始！

数组的定义与索引​​

let names: string[] = ['刘一一','杨波','刘妤诗','伍佰']
console.log('数组names',names)

// 利用有序的编号（索引），取数组中的数据
// 取数据:数组名[索引]
console.log('取到了',names[2])


 ！！！注意：数组声明好的类型，后面的数据必须和他一致

         3.总结

2.3函数

         1.定义函数语法 

             函数：是可以被重复使用的代码块

             作用：函数可以把具有相同逻辑的代码“包裹”起来，有利于代码复用

    function 函数名(){
            函数体
            }

        2.函数调用语法

    函数名() 

函数的基本使用

// 1.定义函数
// function 函数名(){函数体}
function star(){
  console.log('五角星','☆');
  console.log('五角星','☆☆');
  console.log('五角星','☆☆☆');
  console.log('五角星','☆☆☆☆');
  console.log('五角星','☆☆☆☆☆');

}
// 2.函数调用(使用函数)
// 函数名()
star()
star()
star()

        3.函数的完整用法(以具体需求为例)

/*
需求：
用一个函数，来实现下面的需求
传入 价格 和 数量，返回 计算的结果
1.苹果 2元/斤，买了3斤，多少钱？
2.香蕉 4元/斤，买了4斤，多少钱？
 */

function buy(price: number, num: number){
  console.log('传入的数据',price,num)
  // 1.处理数据
  let result: number = price * num
  // 2.返回结果
  return result
}
let apple: number =buy(2,3)
console.log('苹果',apple)  //苹果 6

let banana: number = buy(4,4)
console.log('香蕉',banana) //香蕉 16

函数完整用法总结

        4.箭头函数

           箭头函数是比普通函数更简洁的一种函数写法

        语法：

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

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

箭头函数总结

 2.4对象

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

对象的定义与使用

// 需求：定义一个对象
// 姓名：李雨诗  年纪：28  体重：90

// 1.定义接口
interface Person{
  name: string
  age: number
  weight: number
}
// 2.基于接口，定义对象
let lys: Person = {
  name: '李雨诗',
  age: 28,
  weight: 90
}
// 3.获取对象的属性值  对象名.属性名
console.log('体重:',lys.weight)  //体重： 90
console.log('年纪:',lys.age)     //年纪： 28
console.log('姓名:',lys.name)    //姓名： 李雨诗

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

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

// 特征：姓名：张碧晨，年纪：28，体重：90
// 行为：唱歌、跳舞

// 1.定义接口
interface Person{
  name: string
  age: number
  weight: number
  // ①定义方法的类型
  sing: (song: string) => void
  dance: () => void
}

// 2.基于接口，定义对象
let ym: Person = {
  name: '张碧晨',
  age: 28,
  weight: 90,
//   ②定义方法
  sing: (song: string) => {
    console.log('碧晨说','我来唱首歌',song)
  },
  dance: () => {
    console.log('碧晨说','我来跳个舞')
  }
}

// ③调用对象里面的方法（重要！！）
ym.sing('在加纳共和国离婚')      //碧晨说  我来唱首歌 在加纳共和国离婚
ym.dance()                      //碧晨说  我来跳个舞

2.5联合类型存储数据

/*联合类型*/
// 定义一个变量，存放【年终考试评价】
// 考试评价：可能是具体的分数，也可能是A、B、C、D等级

let judge: number | string = 100
judge = 'A+'
judge = '优秀'
judge = '不错，继续努力！'

console.log('年终考试评价',judge)  //年终考试评价  不错，继续努力！

// 联合类型可以将变量值，约定在一组数据范围内进行选择
// 性别：男 女 保密
let gender:  'man'|'woman'|'secret' = 'man'

2.6枚举类型存储数据

/*枚举类型*/
/*
 * 淘宝常用主色
 * ①红色：#ff0f29
 * ②橙色：#ff7100
 * ③绿色：#30b30e
 * */
// 需求：利用枚举类型，给变量设置主色
// 取值范围
// ①红色：#ff0f29
// ②橙色：#ff7100
// ③绿色：#30b30e

//1.定义枚举（定义常量列表）
enum ThemeColor {
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e'
}

//2.给变量设定枚举类型
let color: ThemeColor = ThemeColor.Orange
console.log('color',color)   //color #ff7100