鸿蒙基础-day1

194 阅读6分钟

1. 基础入门

ArkTS:是一门用于开发鸿蒙应用的编程语言。

编程语言:用来控制计算机工作的,可以告诉计算机我们要做的事情。

编写代码 → 编译运行(方舟编译器) → 查看效果

1.1. 输出语句

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

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

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

2.注释

注释:

  1. 单行注释 // 注释内容,快捷键: Ctrl +/
  2. 块注释 /* 注释内容*/,快捷键: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类型的数据使用 truefalse来表示
*   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)