一、ArkTS语法基础

🐎鸿蒙应用开发体验课程

240920

1. 基础入门

编程语言：控制计算机工作。

输出语句

console.log('消息说明','打印的内容')

console.log('我说','Hello World!')

2. 认识和存储数据

2.1 认识数据

编程语言核心是处理数据。

三种常见的基础数据类型：

string 字符串：描述长文本等信息；

number 数字：计算，价格/数量；

boolean：布尔类型 判断（真假）true/false

2.2 存储数据

2.2.1 变量let

// let 变量名 ：类型 = 值
let title : string = '奥利奥酸奶水果捞'
console.log('名称',title)

let price : number = 36.8
console.log('价格',price)

console.log(title,price)

let isSelect : boolean = true
console.log('是否选中',isSelect)

// 验证变量
price = 37
console.log(title,price)

输出日志

2.2.2 常量const

//const 常量名 ；数据类型 = 值
const Pi : number = 3.14
console.log('圆周率在此处省略为',Pi)

const companyName : string = '华为'
console.log('公司名称为',companyName)

//试图更改常量，重新赋值
//Pi = 3.141
//常量名称下标红

输出日志

2.2.3 命名规则

① 只能包含数字、字母、下划线、$；不能以数字开头；

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

③ 严格区分大小写

const companyName : string = '华为'
//数字命名 开头、中间、结尾test 命名时数字不能在开头
//const 1companyName : string = '华为' 标红报错
const company1Name : string = '华为'
const companyName1 : string = '华为'
//下划线命名 开头、中间、结尾test
const _companyName : string = '华为'
const company_Name : string = '华为'
const companyName_ : string = '华为'
//$命名 开头、中间、结尾test
const $companyName : string = '华为'
const company$Name : string = '华为'
const companyName$ : string = '华为'

3. 数组

//数组
let names : string[] = ['Tom','Jerry','Rose','Lisa','Jack']
console.log('已登记的学生姓名都有',names)
console.log('第一位同学的姓名为',names[0])
console.log('第四位同学的姓名为',names[3])
//输出数组长度 .length
console.log('已登记的学生数量为',names.length)

---

240921

4. 函数

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

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

4.1 基本使用

先定义后调用

//定义函数
function 函数名(){
  函数体
}

//调用函数
函数名()

示例代码

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

//调用函数star
star()

4.2 完整写法

function 函数名（需要处理的数据） {
 编写代码对数据进⾏处理
 return 处理后的结果
}
let 变量名: 类型 = 函数名（实际要处理的数据）

示例代码，买水果

//定义函数buy，price价格（几元一斤），num斤数，sum总价
function buy(price : number , num : number) {
  //处理数据
  let sum : number = price * num
  //返回数据
  return sum
}

//买苹果
let apple : number = buy(1,2)
console.log('苹果共',apple,'元')

形参：形式上的参数，函数定义时的参数（例上述函数的price和num）

实参：真实数据，函数调用时上传的数据（例调用buy函数时的1，2）

示例代码，加法函数

//加法函数
function add(num1 : number , num2 : number){
  let sum : number = num1 + num2
  return sum
}

let add1 : number = add(1,1)
console.log('结果为',add1)

4.3 函数的可选参数

函数定义时候设置了形参入口，但是在调用时并不是任何时候都需要传入实参数据，为了避免报错，我们可以将形参设置为可选参数，或者设置默认值。

注意：将必须（无默认值）的参数放在前面，可选（有默认值）的参数放在后面。因为编译器或解释器需要能够明确地区分哪些参数是用户明确提供的，哪些是通过默认值来填充的。

4.3.1 可选参数，无默认值

参数名称 ?: 数据类型

//可选参数
function add(num1 : number , num2 ?: number){
  console.log('上传参数有',num1,num2)
}
add(1)
add(1,1)

4.3.2 可选参数，有默认值

参数名称 : 数据类型 = 默认值

在一些情况下，形参不能为undefined，否则容易引起程序崩溃，这时需要使用到默认值。（如加减乘除函数运算中）

//可选参数，加默认值
function add(num1 : number , num2 : number = 0){
  console.log('上传参数有',num1,num2)
}
add(1)
add(1,1)

log.() 只允许输出字符串string类型

4.4 箭头函数

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

let 函数名 = (形参1: 类型, 形参2: 类型) => {
 // 函数体
 // 1. 计算过程
 // 2. 返回结果
 return 计算的结果
}
函数名(实参1, 实参2)

示例代码

//箭头函数
let add = (x:number,y:number = 0) => {
  return x+y
}
console.log('加法计算结果',add(1))
console.log('加法计算结果',add(1,1))

5. 对象

对象作用：用于描述一个物体的特征和行为。

对象：是一个可以存储多个数据的容器。

键值对 属性名：属性值

name-属性名/key，ym-属性值/value。

5.1 定义和使用

let 对象名称: 对象结构类型 = 值

通过interface接口约定对象的结构和类型

interface 接⼝名 {
 属性1: 类型1
 属性2: 类型2
 属性3: 类型3
}

//定义Person对象，其结构有name，age，weight。
interface Person {
 name: string
 age: number
 weight: number
}

示例代码

//对象
interface Person{
  name : string,
  age : number,
  weight : number
}

let ym : Person = {
  name : '杨幂',
  age : 18,
  weight : 90
}
console.log(ym.name,'年龄为',ym.age)

5.2 对象-方法

约定方法类型，可以看作为箭头函数

interface 接⼝名称 {
 ⽅法名: (参数:类型) => 返回值类型
}

示例代码

//对象
interface Person{
  name : string
  age : number
  weight : number
  dance : () => void
  sing : (song : string) => void
}

let ym : Person = {
  name : '杨幂',
  age : 18,
  weight : 90,
  dance : () =>{
    console.log('跳舞test')
  },
  sing : (song : string) =>{
    console.log('唱歌test')
  }
}
console.log(ym.name,'年龄为',ym.age)
ym.dance()
ym.sing('爱的供养')

输出日志

6. 联合类型

联合类型是一种灵活的数据类型，它修饰的变量可以存储不同类型的数据。

//联合类型
//成绩评定
let judge : number | String = '100'
judge = 'A'
judge = '优秀'

//性别选择
let gender : 'man' | 'woman' | 'secret' = 'man'
gender = 'secret'

7. 枚举类型

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值。

enum 枚举名 {
 常量1 = 值,
 常量2 = 值,
 ......
}

//枚举类型-主题色
enum ThemeColor {
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e'
}

let color : ThemeColor = ThemeColor.Red
console.log('主题色为',color)