HarmonyOS NEXT星河版ArkTS 语法 学习笔记

基础练习：

console.log("你好,", "11111")
// let 变量名：类型 = 值
let title: string = '奥利奥水果'
let price: number = 21.8
let isSelect: Boolean = true
console.log(title, price, isSelect)
// 变量的改变值
title = '燕麦水果捞'

console.log('改变后的名称:', title)

// const 常量名: 类型 = 值
const PI: number = 3.1415926

console.log('派的值是:', PI)
// PI = 456

// 数组
// let 数组: 类型[] = [数据1,数据2,...]
let names: string[] = ['小红', '小明', '大强']
// let names: string[] = ['小红','小明',123] // 报错

console.log('names是', names)
console.log('name第0个元素是', names[0])

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

fn()
fn()
console.log('fn的内存地址', fn)
console.log('fn调用', fn())

// 写一个计算价格和斤数的函数
function cal(price: number, num: number): number {
  return price * num
}

let res = cal(4, 5)
console.log('4元1斤,买了5斤,结果为:', res)
console.log('2元1斤,买了3斤,结果为:', cal(2, 3))
// console.log('2元1斤,买了3斤,结果为:',cal(2)) // 报错


// 箭头函数
// 最简洁的写法 () => {}
let star = () => {
  console.log('箭头函数的五角星', '☆')
  console.log('箭头函数的五角星', '☆☆')
}
star()

let calculator = (price: number, num: number) => {
  return price * num
}
console.log("新的函数的calculator", calculator(20, 33))

// 对象
// 是存储多个数据类型的 容器
// 而相比起数组类型,数组类型只能存同一种类型

// 1.通过interface约定对象结构类型
// 2.定义对象并使用
interface Person {
  name: String
  age: number
  weight: number
}

let obj: Person = {
  name: '小明',
  age: 18,
  weight: 50
}

console.log('创建的对象是:', obj)
console.log('创建的对象是:', obj.name, obj.age, obj.weight)
// 对象的方法
// 1.接口 定义方法，2.添加方法

interface Person2 {
  dance: () => void
  sing: (singName: string) => void
}

let ym: Person2 = { // 报错
  dance: () => {
    console.log("杨幂说:", "dance")
  },
  sing: (song: string) => {
    console.log("杨幂说:", "我来唱首歌", song)
  }
}
ym.sing('爱的供养')
ym.dance()

// 联合类型
// 比如,考试成绩,可以是100分,也可以是'A'
let judge: number | string
judge = 95
console.log('考试的评价:', judge, typeof judge)
judge = 'A'
console.log('考试的评价:', judge, typeof judge)

// 注意: 联合类型可以约定在一组范围内
let gender: 'man' | 'woman' | 'secret' = 'man'
// gender = 'abc' // 报错了
console.log('性别为', gender)


// 枚举类型,起了名字的类型,
// 1.定义常量列表
// 注意Color是内置关键字,不要重复,否则会报错
enum ThemColor {
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e',
}

let color: ThemColor = ThemColor.Red
console.log('设置的颜色:', color)

// 类型的转化
let money: number = 500
let money2: string = '10000'

console.log("薪资为:", money + money2)
console.log("薪资为:", money + Number(money2))

// 数组的新增
// 开头新增unshift 结尾push
let songs: string[] = ['告白气球', '七里香', '洋葱', '吻别']
// songs.unshift('彩虹')
// console.log('新的歌曲列表：',songs)
// songs.push('双结棍')
// console.log('歌曲列表结尾：',songs)
// 删除项 shift 开头删,pop 结尾删除

// songs.shift()
// console.log('删除开头后的歌曲列表：',songs)
//
// songs.pop()
// console.log('删除结尾后的歌曲列表：',songs)

// split
songs.splice(1, 0, '新增1首')
console.log('splice的用法', songs)

songs.splice(1, 1, '替换效果1首') // 替换(删除又新增)
console.log('splice的用法', songs)

// 语句的概念
// 语句: 一段可以执行的代码,是一个行为(num = a+ b)            强调:行为
// 表达式: 可以被求值的代码,并将其计算出一个结果 (1+1,3*5,,3>2) 强调:结果


// 三元表达式
// 语法: 条件? 条件成立执行的表达式: 条件不成立执行的表达式
let num1: number = 5
let num2: number = 10
// 比较两个结果的值

let result: number = num1 > num2 ? num1 : num2
console.log('结果为',result)


// 基于接口，构建对象数组
let stuArr: Person[] = [
  {name:'张三',age:18,weight:20},
  {name:'李四',age:20,weight:23},
  {name:'王五',age:20,weight:23},
]
// 日志打印用JSON.stringify(复杂类型)  对象/数组
console.log('学生数组',JSON.stringify(stuArr))
// for遍历
for (let item of stuArr){
  console.log('对象是',JSON.stringify(item))
}

for (let i:number=1;i < 10;i++){// 注意这个;
  console.log('数字为',i)
}


//
@Entry
@Component
struct Index { //结构体
  @State message: string = 'Hello tutu'

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

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

ForEach语法:

// ForEach(arr,(item,index) => {})

@Entry
@Component
struct Index { //结构体
  @State titles: string[] = ['产品1','产品2','产品3','产品4','产品5']

  build() {
    Column(){
      // ForEach(arr,(item,index) => {})
      ForEach(this.titles,(item:string,index:number) => {
        Text(`${index} -- > ${item}`)
        .fontSize(24)
        .fontWeight(700)
        .fontColor(Color.Orange)
        .padding(15)
        .width('100%')
      })
    }
  }
}

====

黑马视频：

https://www.bilibili.com/video/BV14t421W7pA?p=69&vd_source=6176e79b66461eb74da787cb8321925b