鸿蒙语言基础

准备工作

去鸿蒙官网下载开发环境

点击右侧**预浏览,**刷新和插销按钮,插销表示热更新,常用按钮。

基础语法

string number boolean const常量 数组

javascript 复制代码
let s : string = "1111";
console.log("string", s);

let n : number = 1;
console.log("number", n);

let bool : boolean = true;

const PI= "asdfasdf";
console.log(PI);

let numbers = [1, 2, 3, 4, 5, 6];
console.log("arr", numbers);

接口

实现接口时,必须实现所有的属性和方法

javascript 复制代码
interface HI{
  a : string;
  b : number;
  c : boolean;
  sing : (song:string) => void;
  dance : ()=>void;
}

let person: HI = {
  a : "123",
  b : 1,
  c : true,
  sing : (song:string)=>{
    console.log("唱首歌", song);
  },
  dance : ()=>{

  }
}
console.log("1", person.a, person.b, person.c);
person.sing("爱的供养");
function fun(){}

联合类型

javascript 复制代码
// 1
let judge : number | string  = 100;
judge = "A";

// 2
let gender : 'man' | 'woman' = 'man';

枚举类型

javascript 复制代码
enum ThemeColor {
  Red = '#ff0f29',
  Orange = '#ff7110',
  Green = '#30b30e'
}
let color : ThemeColor = ThemeColor.Red;

字符串拼接

字符串+数字

数字+字符串

字符串+ 字符串

只要一边是字符串就是拼接。

模板字符串

``里面可以使用变量,方便多个字符串的拼接。

数字和字符串转换

需要注意的是:

parseInt('1.1a') 直接取整,忽略0.1a

parseFloat('1.1a') 1.1

parseFloat('1.a1') 1

也就是说,parseFloat在遇到非数字时就会截断。

点击事件

复制代码
.onClick(),参数为一个回调函数
javascript 复制代码
Button('按钮').onClick(()=>{
  AlertDialog.show({
    message : '弹窗'
  })
})

状态管理

注意:struct里的变量必须用this访问且不能使用let定义。

小技巧:点击预览器上面的T标志,可以使用鼠标定位元素对应的代码。

数组操作

添加:

arr.unshift(); //从开头增加,返回操作后数组长度

arr.push(); //从结尾增加,返回操作后数组长度

删除:

arr.shift(); //从开头删除,返回删除的项

arr.poll(); //从结尾删除,返回删除的项

在指定位置增加/删除n个元素:

arr.splce(起始位置, 删除个数, 新增元素1, 新增元素2, ...);

if语句

小括号结果不是布尔类型时,会类型转换为布尔值

if(0、空串、null和undefine)这几种均视为false

其他非空值(如对象)均视为true,如空数组和空对象:if( [] )、if( {} )

for...of

对象数组

不能直接使用对象输出,要使用JSON.stringify(对象);

javascript 复制代码
interface Person {
  name : string,
  age : number
}
let arr : Person[] = [
  {name:"111",age: 1},
  {name:"222", age: 2}
]
console.log("", arr[1]); //[object Object]
for (let item of arr){
  console.log(JSON.stringify(item));
}

ForEach------ 渲染控制

注意使用ForEach时,item需要指定类型,index指不定都行,建议写上。

class

类是用于 创建对象 模板。同时类声明也会引入一个 新类型,可定义其 实例属性、方法 和 构造函数。

一般定义更加复杂的类型时就不适用接口了而使用Class。

1、实例属性:在定义class时必须赋初值,或者使用可选链操作符 ?. 来定义属性

2、不同实例,将来需要有不同的字段初始值,就需要通过构造函数实现

构造函数使用关键字:constructor 来定义,在new对象时调用。如果参数多可是传一个对象,这样可以自由顺序赋值。

3、方法:方法的返回值可以写在函数名之后,用冒号隔开,即:这个函数的类型时返回值类型的。

4、静态属性、方法:一般用作工具属性方法,用类名直接调用。

javascript 复制代码
interface IFood {
  name : string,
  price : number,
  desc : string
}

class Food {
  // 1、属性
  name : string
  price : number
  desc : string
  a ?: number

  // 2、构造
  constructor(mesObj:IFood) {
    this.name = mesObj.name
    this.price = mesObj.price
    this.desc = mesObj.desc
  }

  // 3、方法
  sayHi(name:string):void{
    console.log(this.name, name);
  }

  // 4、静态属性、方法
  static num:number
  static func(){}
}

5、继承extend和super关键字

类可以通过 继承 快速获取另外一个类的 字段方法。只支持单一继承。

子类通过 super 可以访问父类的实例字段、实例方法和构造函数。

super.属性

super.方法

super(1, 2) //调用父类构造

6、instanceof 类型检测

实例对象 instanceof 类型

typeof 表达式 : 只能检测简单类型,对象类型结果均为Object。

7、修饰符

相关推荐
梁下轻语的秋缘3 小时前
HarmonyOs学习 环境配置后 实验1:创建项目Hello World
学习·华为·harmonyos
少年的云河月3 小时前
OpenHarmony Camera开发指导(五):相机预览功能(ArkTS)
harmonyos·openharmony·camera·相机开发
杯莫停丶3 小时前
对象池模式在uniapp鸿蒙APP中的深度应用
uni-app·harmonyos·鸿蒙
simple_lau5 小时前
浅谈鸿蒙多线程
harmonyos·arkts·arkui
simple_lau5 小时前
鸿蒙开发如何与穿戴设备通讯
harmonyos·arkts·arkui
冯志浩5 小时前
HarmonyOS - 组件外部输入状态管理装饰器:Param
harmonyos·掘金·金石计划
RedHood5 小时前
鸿蒙投屏实现
electron·harmonyos
鸿蒙布道师17 小时前
鸿蒙NEXT开发键盘工具类(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
杯莫停丶19 小时前
基于uniapp的鸿蒙APP大数据量性能优化
性能优化·uni-app·harmonyos·鸿蒙