Arkts基础语法入门

1. ArkTS语言背景

ArkTS是HarmonyOS主力开发语言,ArkTS是一种设计用于构建高性能应用的编程语言基于TypeScript扩展:支持声明式UI、自定义组件,提供状态管理和渲染控制。继承并扩展了TypeScript的所有特性,使其成为TS的超集。具备TypeScript基础会更容易上手ArkTS。它在继承TypeScript语法的基础上进行了优化,以提供更高的性能和开发效率未来将持续增强并行、系统类型和分布式开发等能力。

随着移动设备在人们的日常生活中变得越来越普遍,许多编程语言在设计之初没有考虑到移动设备,导致应用的运行缓慢、低效、功耗大,针对移动环境的编程语言优化需求也越来越大。ArkTS是专为解决这些问题而设计的,聚焦于提高运行效率。

TypeScript是在JavaScript基础上通过添加类型定义扩展而来的,ArkTS则是TypeScript的进一步扩展。TypeScript提供了一种更结构化的JavaScript编码方法,深受开发者喜爱。ArkTS保持了TypeScript的大部分语法,旨在为现有的TypeScript开发者实现无缝过渡,帮助移动开发者快速上手。

ArkTS的一大特性是它专注于低运行时开销。ArkTS对TypeScript的动态类型特性施加了更严格的限制,以减少运行时开销,提高执行效率。通过取消动态类型特性,ArkTS代码能更有效地被运行前编译和优化,从而实现更快的应用启动和更低的功耗。

ArkTS语言设计中关键考虑了与JavaScript的互通性。许多移动应用开发者希望重用TypeScript和JavaScript代码及库,因此ArkTS提供与JavaScript的无缝互通,使开发者可以轻松集成JavaScript代码到应用中,充分利用现有代码和库进行ArkTS开发。

2.集成开发环境安装

1.1DevEco Studio

1.1.1软件下载

官网下载地址: https://developer.huawei.com/consumer/cn/deveco-studio/
开发 HarmonyOS 应用及元服务的集成开发环境(IDE);提供 AI 辅助编程、编译构建、UI 实时预览、代码调试、性能调优、模拟器等功能,帮助你高效开发鸿蒙应用及元服务。

1.1.2软件安装

双击 deveco-studio-.exe运行程序 → 浏览 → 新建 DevEco 文件夹 → 确定 → 下一步在这里插入图片描述
勾选安装选项 → 下一步 → 完成
在这里插入图片描述

1.1.3创建项目

打开DevEco → 不导入设置 → 同意协议 → 创建空的 Ability → 输入项目名称、存储位置 → Finish → Previewer 可以看到“Hello World”
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.1.4配置软件
File → Settings→ Appearance(更改主题颜色)→ Plugins(汉化)
在这里插入图片描述

在这里插入图片描述
更改主题颜色

在这里插入图片描述
(插件)汉化

3.输出语句和注释

3.1输出语句

console.log(‘消息说明’, ‘打印的内容’)
console:就是控制台的意思,log:就是日志的意思,连起来就是往控制台输出日志的意思。

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

3.2注释

  1. 单行注释 // 注释内容,快捷键: Ctrl +/
  2. 块注释 /* 注释内容*/,快捷键:Ctrl + Shift + /

4.认识和存储数据

4.1认识数据

编程语言的核心是处理数据。
三种常见的基础数据类型:
① string 字符串:描述信息
② number 数字:计算
③ boolean 布尔:判断 (真、假)

4.2存储数据

4.2.1变量

变量:专门用来存储数据的容器(可变)
变量使用关键字let声明

// let 变量名: 类型 = 值

let title: string = '奥利奥水果捞'

let price: number = 21.8

let isSelect: boolean = true

示例代码

// 1. 字符串 string
let title: string = '巨无霸汉堡'
console.log('字符串title', title)

// 2. 数字 number
let age: number = 18
console.log('年龄age', age)

// 3. 布尔 boolean,值 true真,false假
let isLogin: boolean = false
console.log('是否登录成功', isLogin)

// 变量存储的数据可以修改
age = 40
console.log('年龄age', age)
4.2.2常量

常量:用来存储数据 (不可变)
写法:const 常量名: 类型 = 值
常量使用关键字const声明

const PI: number = 3.14
console.log('圆周率', PI)

const companyName: string = '华为'
console.log('公司名称', companyName)

4.3命名规则

① 只能包含数字、字母、下划线、$,不能以数字开头
② 不能使用内置关键字或保留字 (比如 let、const)
③ 严格区分大小写

5.数组

数组:是一个容器,可以同时存储多个数据;数组是有序的集合,有序指的是有序号
定义数组
定义一个字符串数组:let 数组名:类型[] = [数组1,数组2,…]
例如:
let names: string[] = [‘张三’, ‘李四’, ‘王五’, ‘赵六’]
注意:数组指定的类型和存储的数据类型要必须一致,否则会报错

let arr: string[] = ['张三', '李四', '王五', '赵六']
console.log('整个数组内容为:', arr)

获取数组元素
数组里面的每个数据都自带编号,用这个编号找到具体的某个数据 ,这个编号叫做索引或者下标
索引从0开始,写法:数组名[索引]

let names: string[] = ['小红', '小明', '小绿','大强']
console.log('全班的名字是', names)
console.log('第一个名字是',names[0])
console.log('第二个名字是',names[1])

数组名.length–查看数组里面数据的个数

let names: string[] = ['小红', '小明', '小绿','大强']
console.log('数组里面数据个数',names.length)

Arkts中数组的用法详细讲解参照下一篇博客:ArkTs Array数组的使用

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐