1. 基础入门
ArkTS:是一门用于开发鸿蒙应用的编程语言。
编程语言:用来控制计算机工作的,可以告诉计算机我们要做的事情。
编写代码 → 编译运行(方舟编译器) → 查看效果
1.1. 输出语句
写法:console.log('消息说明', '打印的内容')
//console.log('消息说明', '打印的内容')
console.log('我说', 'Hello World')
2.注释
注释:
- 单行注释 // 注释内容,快捷键: Ctrl +/
- 块注释 /* 注释内容*/,快捷键:Ctrl + Shift + /
3. 认识和存储数据
3.1. 认识数据
编程语言的核心是处理数据。
三种常见的基础数据类型:
① string 字符串:描述信息
② number 数字:计算
③ boolean 布尔:判断 (真、假)
3.2. 存储数据
3.2.1. 变量
变量:专门用来存储数据的容器(可变)
示例代码如下
// let 变量名: 类型 = 值
let title: string = '奥利奥水果捞'
let price: number = 21.8
let isSelect: boolean = true
注意点:
* 1. 类型目前我们可以是 string,number,boolean 来定义变量
* 2. string类型的数据使用 '' 包括起来表示
* 3. number类型的数据使用 数字类表示(整数和小数)
* 4. boolean类型的数据使用 true或false来表示
* 5. ✨修改一个变量的操作:变量名称 = 值即可,不能再使用let关键字定义了
3.2.2. 常量
常量:用来存储数据 (不可变)
写法:const 常量名: 类型 = 值
作用:对一些不可变的数据进行保存
示例代码如下
const PI: number = 3.14
console.log('圆周率', PI)
const companyName: string = '华为'
console.log('公司名称', companyName)
注意点:
1. 常量只有在定义的时候可以赋值,以后均不能赋值
3.2.3. 命名规则
1. arkts中的命名规则
* ①只能包含数字、字母、下划线、$,不能以数字开头
② 不能使用内置关键字或保留字 (比如 let、const)
③ 严格区分大小写
* 2. 编码规范 -> 大家在取名字的时候要取成一个有意义的单词
* 尽可能做到见名知意,(多用翻译,同时记单词)
* */
4. 数组的基本使用
数组:是一个容器,可以存储多个数据
* 作用:数据可以存储多个数据
* 语法:let 数组名称: 类型[] = [数据1,数据2,....]
* 具体使用:
* 1. let names:string[] = [值]
* 2. 概念:数组中的数据是根据索引来进行保存的,索引是从0开始的
* 3. 从一个数组容器中获取一个数据语法
* 数组名称[索引]
* */
// 场景:保存歌星的名字
let names:string[] = ['杨幂','刘诗诗','赵露思','刘德华']
// 取刘诗诗 -> 索引是1
let name = names[1]
console.log('取歌星:',name)
// 取刘德华
let name2 = names[3]
console.log('取歌星:',name2)
注意: 数组指定的类型和存储的数据类型要必须一致,否则会报错
注意: 索引号是从 0 开始的
5. 函数的基本使用
/*
* 作用:函数可以用来定义重复使用或者相似的代码块
* 语法:
* 1. 定义函数
* function 函数名() { 方法体-> 重复的代码块(相似的代码块) }
*
* 2. 使用(调用)函数
* 函数名() -> ()表示调用
*
* 注意点:
* ① 函数定义的时候{}里面的方法体是不会执行的
* ② 函数被调用的时候,方法体才会被执行
* ③ function定义的方法是会被提到最前面执行
* */
// 定义star方法
function star() {
console.log('五角星', '☆')
console.log('五角星', '☆☆')
console.log('五角星', '☆☆☆')
console.log('五角星', '☆☆☆☆')
console.log('五角星', '☆☆☆☆☆')
}
// 调用star方法
star() // ()不能省略,表示调用这个方法(函数)
star()
6. 函数的参数
/*
* 带有参数的函数定义:
* 1. 定义函数(【形参】)
* function 函数名称(形参1:类型,形参2:类型,.......) { 可以使用形参 }
*
* 2. 调用函数并传入【实参】
* 函数名称(实参1,实参2,.......)
*
* 注意点:
* ✨✨1. 实参的类型必须与形参保持一致
* 2. 通常情况下,实参个数要与形参个数保持一致
* */
// 定义带有参数的函数
function sum(num1: number, num2: number) {
let res: number = num1 + num2
console.log('加法结果是', res)
}
// console.log('',res)
// 调用函数
sum(10, 20) // 10+20 -> 30
sum(30, 40) // 30+40 -> 70
7. 函数的返回值
/*
* 函数的返回值:掌握函数返回值的基本使用
* 作用:可以将函数内部的结果交给外部使用
* 语法:函数方法体内部使用 return 你想要返回的数据(变量,常量)
* 使用步骤:
* 1. 在函数方法体内部 通过 return 将结果返回
* 2. 在调用这个函数的时候,使用一个变量来接收它的返回结果
*
* ✨✨✨return注意点:
* 1. 如果一个函数要返回结果使用return的时候,是写在这个结果之后
* 2. 一旦一个函数内部写了return,那么return后面的代码将不会再执行
* */
function sum(num1: number, num2: number) {
let res: number = num1 + num2
// 返回结果
return res
}
// 调用的时候一定要接受这个函数的返回值,才能获取结果
let resNum:number = sum(100,200)
console.log('res:',resNum)
8. 函数的总结
/*
* 函数:
* 表现形式:
* 1. 不带有参数 -> 场景:方法体中的代码完全固定,没有变化
* function 函数名() { 方法体 }
*
* 2. 带有参数 -> 场景:方法体执行的逻辑数据是可变化的,从外部传入来的,运算是固定的,
* function 函数名(形参:类型,.....){ 方法体 }
*
* 3. 带有返回值 -> 场景:当一个函数体之后后,需要将这个结果返回给函数外部使用
* function 函数名() { 方法体 return 结果 }
* function 函数名(形参:类型,.....){ 方法体 return 结果 }
*
* 4. 完整的写法 -> 结构:既有形参又有返回值的这种写法
* function 函数名(形参:类型,.....){ 方法体 return 结果 }
*
* 调用函数:
* 1. 函数名称() 表示调用函数
* 2. 函数名称(实参) 表示调用函数的同时传入实参给形参,此时函数一定要有形参来接收
* 3. 函数一旦调用,那么就可以获取到函数内部的执行结果,如果没有使用return 关键字来【返回一个具体数据】
* 则默认返回的是 undefined
* */
9. 箭头函数的基本写法
/*
* 箭头函数:掌握箭头函数的基本写法(普通函数的区别和演变过程)
* 简单语法:let 函数名 = () => { }
*
* 场景:
* 在学习arkUI阶段给一个元素注册事件的时候,都是使用箭头函数来进行调用
* */
// 定义箭头函数
// let printName = () => {
// console.log('蔡元培')
// }
//
// // 调用箭头函数
// printName()
// 带有参数的箭头函数
// let printName = (name:string) => {
// console.log(name)
// }
//
// // 调用箭头函数
// printName('毛泽东')
// 有参数有返回值的写法
let printName = (name:string) => {
return name
}
// 调用箭头函数
let res:string = printName('毛泽东')
console.log(res)