ArkTS 基本语法

编程语言介绍

ArkTS是HarmonyOS主力应用开发语言。它在TypeScript (简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。

  • JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的- 动态功能,为用户提供更流畅美观的浏览效果。
  • TypeScript 是 JavaScript 的一个超集,它扩展了 JavaScript 的语法,通过在JavaScript的基础上添加静态类型定义构建而成,是一个开源的编程语言。
  • ArkTS兼容TypeScript语言,拓展了声明式UI、状态管理、并发任务等能力。
    由此可知,TypeScript是JavaScript的超集,ArkTS则是TypeScript的超集,他们的关系如下图所示:
关系图

ArkTS

  • 声明式U
  • 组件化
  • 状态管理

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
TypeScript 是JavaScript 的一个超集,它扩展了 JavaScript 的语法通过在JavaScript的基础上添加静态类型定义构建而成,是一个开源的编程语言。
ArkTS基于TypeScript语言,拓展了声明式UI、状态管理、并发任务等能力。
本节课介绍TypeScript的基础语法,下一节课介绍ArkTS声明式的相关语法

const 常量声明
var 变量声明
let 变量声明

一. 语法介绍: boolean

  1. 布尔值 boolean(true,false)
    let isDone:boolean = false;
  2. 数字 number
    TS里面,所有的数字都是浮点数,浮点数类型是number,支持十进制,二进制,八进制,十六进制。
let decLiteral:number = 2023;
let binaryLiteral:number = 0b11111100111;
let octalLiteral:number = 0o3747;
let hexLiteral:number = 0x7e7;
  1. 字符串 string,使用单引号(')或双引号(")
let name: string = "Tom";
name = 'Mick';
  1. 数组

TypeScript有两种表示方式:第一种在元素后面添加[]; 第二种方式,使用数组泛型,Array<元素类型>

let list1 :number[] = [1,3,5];
let list2 :Array<number> = [1,3,5];
  1. 元组

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

let x:[string, number];
x = ['hello', 10]; // OK: 和元组定义的顺序是一致的
x = [10, 'hello']; // Error,和定义的顺序不一致,所以报错。
  1. 枚举: 对javaScript标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字。
enum Color {Red, Green, Blue};
let c:Color = Color.Green;
  1. unknown, 可以复制其很多类型。any也是同样的效果。
    有时候,想要为那些编程阶段还不清楚的变量指定一个类型,可以使用unknown类型来标记这些变量。
let notSure :unknown = 4;
notSure = 'maybe a string';
notSure = false;
  1. void(空的表示)
    当一个函数没有返回值时,通常会见到其返回值类型是void
function test(): void {
    console.log('this function is void');
}

9、null 和 undefined(空的表示)
TypeScript里,undefined和null两者各自有自己的类型分别叫做undefined和null。

let u: undefined = undefined;
let n: null = null;
let b :any = '123'
b = true;
b = 111

10、联合类型,用的比较多。
联合类型 (Union Types) 表示取值可以为多种类型中的一种。

let myFavoriteNumber: string | number; // string或number。
myFavoriteNumber = 'seven'.
myFavoriteNumber = 7;
  1. 其他类型
    函数Function
    大数字的表示:bigint
let bigInt : bigint = 100n;
let sym: symbol = Symbol('key')
// 对象声明
let obj: object = {name: "Tom"}

二. 条件语句

if...else if...else if....else 语句
switch-case:

三. 函数的定义。

函数是一组一起执行一个任务的语句,函数声明要告诉编译器函数的名称、返回类型和参数。
TypeScript可以创建有名字的函数和匿名函数,其创建方法如下:

// 有名函数: 给变量设置为number类型
function add(x: number, y: number): number {
    return x + y;
}
// 匿名函数: 给变量设置为number类型
let myAdd = function (x: number, y: number): number {
    return x + y;
}

3.1 函数的可选参数
在参数名旁边,使用(?)实现可选参数的功能,比如像让lastName可选:

function buildName(firstName: string, lastName?: string) {
    if(lastName) {
        return firstName + "  " + lastName;
    } else {
        return firstName;
    }
}
let result1 = buildName('bob');
let result1 = buildName('bob', "Adams");

3.2 函数的剩余参数:

剩余参数会被当做个数不限的可选参数。 可以一个都没有,同样也可以有任意个。
可以使用省略号(...) 进行定义:

function getEmployeeName(firstName: string, ...restOfName: string[]) {
    return firstName + ' ' + restOfName.join(' ');
}
let employeeName1 = getEmployeeName('Tom');
let employeeName2 = getEmployeeName('Tom', 'Sandy', 'Lucas', 'Mick');

3.3 箭头函数
ES6版本的TypeScript提供了一个箭头函数,它是定义匿名函数的简写语法,用于函数表达式,它省略了function关键字。箭头函数的定义如下,其函数是一个语句块:
([param1, parma2,...param n]) => {
// 代码块
}
其中,括号内是函数的入参,可以有0到多个参数,箭头后是函数的代码块。我们可以将这个箭头函数赋值给一个变量,如下所示:
let arrowFun = ( [param1, parma2,...param n])=> {
// 代码块
}
调用:arrowFun (param1, param2, ... paramN)

箭头函数示例;

function testNumber(num: number) {
    if(num>0){
        console.log(num+ "是正数");
    }else if(num<0>){
        console.log(num+ "是负数");
    } else {
        console.log(num+ "是0");
    }
}
let arrowFun = (num: number) => {
    if(num>0){
        console.log(num+ "是正数");
    }else if(num<0>){
        console.log(num+ "是负数");
    } else {
        console.log(num+ "是0");
    }
}
testNumber(1); //输出日志:1 是正数
arrowFun(-1); //输出日志:-1 是负数
  1. 自运行函数
    ((a:int, b:int)): int => {
    return a+b;
    }(1, 3)

四. 类的定义。

TypeScript支持基于类的面向对象的编程方式,定义类的关键字为 class,后面紧跟类名。类描述了所创建的对象共同的属性和方法。
TypeScript支持基于类的面向对象的编程方式,定义类的关键字为class,后面紧跟类名称。
类描述了所创建的对象共同的属性和方法。

class Person {
    private name: string
    private age:number
    constructor(name:string, age:number) {
        this.name = name;
        this.number = number;
    }
    public getPersonInfo():string {
       return `My name is ${this.name} and age is ${this.age}`;
    }
}
let person1 = new Person('Lili', 18);
const p2 = new Person('Lili');
person1.getPersonInfo();

4.1 继承 extends

继承就是子类继承父类的特征和行为,使得子类具有父类相同的行为。
TypeScript中允许使用继承来扩展现有的类,对应的关键字为extends。
TS支持多继承,可以extends多个类。
在TypeScript中,有public、private、protected修饰符

class Employee extends Person {
    private department:string;
    constructor(name:string, age:number, department:string) {
        super(name,age);
        this.department = department;
    }
    public getEmployeeInfo(): string {
         return this.getPersonInfo() + ` and work in ${this.department}`;
    }
}

let person2 = new Employee('Tom', 28, 'HuaWei');
person2.getPersonInfo();
person2.getEmployeeInfo();

五. 模块。[ export 和 import ]

随着应用越来越大,通常要将代码拆分成多个文件,即所谓的模块 (module) 。
模块可以相互加载并可以使用特殊的指令 export 和 import 来交换功能,从另一个模块调用一个模块的函数。

两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。
类似地,我们必须通过 import 导入其他模块导出的变量、函数、类等。

导出:任何声明(比如变量,函数,类,类型别名或接口)都能够通过添加export关键字来导出
导入:模块的导入操作与导出一样简单。 可以使用以下 import形式之一来导入其它模块中的导出内容。

export class NewsData {
    title: string;
    content: string;
    constructor(title: string, content: string) {
        this.title = title.
        this.content = content;
}}

导入类:
import {NewsData} from '../common/bean/NewsData';

六. 迭代器。for..of

当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都具有可迭代性。

for...of语句。

let someArray = [1, "string", false];
for(let entry of someArray) {
    console.log(entry); // 1, "string", false
}

for..of vs for..in语句。

let list =[4,5,6];
for(let in list) { // 对数组的下标(键)进行遍历
    console.log(i); // 0,1,2 打印下标索引。
}
for(let i of list) { // 对数组的元素(值)进行遍历。
    console.log(i); // 4,5,6
}

七. 抽象类

不能被实例化,但是可以被继承。
abstract class Phone {

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容