【HarmonyOS】ArkTS-函数

函数-Function

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

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

函数基本使用

1. 定义函数

function 函数名() {
函数体
}

2. 调用函数

函数名()

注意：先定义，后使用 （变量、函数都是如此）

// console.log('五角星', '☆')
// console.log('五角星', '☆☆')
// console.log('五角星', '☆☆☆')
// console.log('五角星', '☆☆☆☆')
// console.log('五角星', '☆☆☆☆☆')
//
// console.log('五角星', '☆')
// console.log('五角星', '☆☆')
// console.log('五角星', '☆☆☆')
// console.log('五角星', '☆☆☆☆')
// console.log('五角星', '☆☆☆☆☆')
//
// console.log('五角星', '☆')
// console.log('五角星', '☆☆')
// console.log('五角星', '☆☆☆')
// console.log('五角星', '☆☆☆☆')
// console.log('五角星', '☆☆☆☆☆')


// 1. 定义函数 (只是定义了函数，但是没有使用，不会执行内部的代码段)
function star() {
  console.log('五角星', '☆')
  console.log('五角星', '☆☆')
  console.log('五角星', '☆☆☆')
  console.log('五角星', '☆☆☆☆')
  console.log('五角星', '☆☆☆☆☆')
}
// 2. 调用函数（使用函数）
//    函数名()
star()
star()
star()


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

函数的参数

根据我们传入不同的数据，进行处理，返回处理后的结果。

function 函数名（形参1:类型, 形参2:类型  ...） {
return 处理后的结果
}

let 变量名: 类型 = 函数名（实参1, 实参2, ..）

// 用一个函数，来实现下面的需求，
// 传入 价格 和 数量，返回 计算的结果
// 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)

let banana: number = buy(4, 4)
console.log('香蕉', banana)
// 注意点：形参和实参的数量要统一，一一对应





@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

箭头函数

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

 () => {}

() => {
 // 函数体
}

 let 函数名 = () => {
 // 函数体
}

 let 函数名 = () => {
 // 函数体
}
函数名(实参1, 实参2)

 let 函数名 = (形参1: 类型, 形参2: 类型) => {
 // 函数体
}
函数名(实参1, 实参2)

 let 函数名 = (形参1: 类型, 形参2: 类型) => {
 // 函数体
// 1. 计算过程
// 2. 返回结果
return 计算的结果
}
函数名(实参1, 实参2)
 index.ets
 let buy = (price: number, weight: number) => {
 let result: number = price * weight
 return result
 }
 let apple: number = buy(2, 3)