鸿蒙ArkTS 基础篇-04-函数
目录
使用函数封装代码,提升代码复用性
方式1:函数无参无返回值
方式2:函数有参有返回值
DevEco Studio代码实战
ctrl + s 日志输出
总结
练习
使用函数封装代码,提升代码复用性
一次定义,多次使用
方式1:函数无参无返回值
方式2:函数有参有返回值
DevEco Studio代码实战
// 2 * 3.14 * 半径
// 等待接收真实数据的 → 形参
function calc (r: number) {// console.log('圆半径是', r)return 2 * 3.14 * r
}// 真实数据 → 实参
let c1: number = calc(10)
console.log('圆周长是', c1)let c2: number = calc(100)
console.log('圆周长是', c2)// 没有参数没有返回值的函数
function printInfo () {console.log('函数里面的输出语句')
}
printInfo()@Entry
@Component
struct Index {@State message: string = 'Hello World';build() {RelativeContainer() {Text(this.message).id('HelloWorld').fontSize($r('app.float.page_text_font_size')).fontWeight(FontWeight.Bold).alignRules({center: { anchor: '__container__', align: VerticalAlign.Center },middle: { anchor: '__container__', align: HorizontalAlign.Center }}).onClick(() => {this.message = 'Welcome';})}.height('100%').width('100%')}
}