当前位置:   article > 正文

华为ArkTS基础——TypeScript_下面属于arkts基础类型的是

下面属于arkts基础类型的是

一、为什么华为选ArkTS

作为华为,选择应用层语言,首先是用途,主要进行界面、应用逻辑开发,做得比较少,选择范围应该不大,感觉C、Python这样的就不太合适;其次,由于是中国头部公司,还面临产权和封锁问题,对应可选择范围又要缩小;最后,作为一个全场景运行的应用程序开发语言,性能要高,底层可控。最终华为选择基于TypeScript扩展

二、语法介绍

1. 基础类型

// 布尔型
let isDone:boolean = false;
let isEnd:boolean = true;

// 数字,ts中所有的数字都是浮点型,支持各种进制
let numIdata:number = 2023;
let numFdata:number = 3.1416;
let numBin:number = 0b01011010;
let numOct:number = 0o7722;
let numHex:number = 0xA5A5;

// 字符串,以双引号或单引号定义
let strName:string = "Jack.Trump";
strName = 'Ana.Kristin';

// 数组,有以下两种方式定义
let lstNum:number[] = [1, 2, 3];
let lstNum:Array<number> = [1, 2, 3];

// 元组,结构体?,已知元素数量和类型的数组
let x,y:[string, number];
x = ['Jack', 32];
y = ['Ana', 28];

// 枚举
enum Color {Red, Green, Blue};
let c:Color = Color.Blue;

// 未知类型,编程阶段不知道类型,通知编译器不检查
let notSure:unknown = 4;
notSure = 'Jack';
notSure = false;

// void,没有返回值
function test():void {
    console.log('This function return void!');
}

// null 和 undefined,不知道干啥用
let u:undefined = undefined;
let n:null = null;

// 联合类型,可以取多值中的一种
let myFav:string|number;
myFav = 'seven';
myFav = 7;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46

2. 条件语句

与C基本一致,不再赘述。

3. 迭代器

一些具有队列、集合性质的对象如Array、Map、Set、String等都具有可迭代性,可以通过“for … in”迭代对象的键,或者通过“for … of”迭代对象

let lstNum = [4, 5, 6]
for (let i in lstNum)
    console.log(`${i} is : ${listNum[i]}`) //这必须用键盘1边上的点

for(let i of lstNum)
    console.log(i)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

4. 函数

// 有名函数
function add(x, y) {
    return x+y;
}

// 匿名函数
let myAdd = function(x, y) {
    return x+y;
}

// 指定类型函数
function myAdd2(x:number, y:number):number {
    return x+y;
}

// 可选参数
function printName(firstName:string, lastName?:string) {
    if (lastName)
        console.log(firstName+'.'+lastName);
    else
        console.log(firstName);
}

// 剩余参数
function getEmployeeName(no1:string, ...restOfName:string[]) {
    console.log(no1 + ' ' +restOfName.join(' '));
}
getEmployeeName('Jack', 'Ana', '小李');

// 箭头函数
let testArrowFun = (num:number) => {
    if (num>0)
        console.log(num+' 是正数');
    else if (num<0)
        console.log(num+' 是负数');
    else
        console.log(num+' 是0');
}

testArrowFun(-1);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40

5. 类

class Person {
    private name:string;
    private age:number;
    
    constructor(name:string, age:number) {
        this.name = name;
        this.age = age;
    }
    
    public getPersonInfo():string {
        return 'Person name is ${this.name}, age is ${this.age}.';
    }
}

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

let person2 = new Employee('Tom', 42, 'H.W.');
person2.getEmployeeInfo();
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

6. 模块

随着应用规模的扩大,代码可以被拆分成多个文件,即所谓的模块(module),模块可以使用“export”和“import”指令导出和导入。

import {NewData} from '../common/bean/NewsData'
  • 1

三、测试

详细语法和环境如下,其中测试环境在运行后右侧有日志,有的浏览器不能正常显示:
扩展语法
测试环境

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/789971
推荐阅读
相关标签
  

闽ICP备14008679号