页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 3 当前 »

一、简介

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。在仪表盘宏开发中需要使用TypeScript来开发。TypeScript与JavaScript最大的不同点在于TypeScript是强类型的语言,而JavaScript是弱类型的,变量的类型由变量的值来决定,即动态类型。

在线编译地址:https://www.jyshare.com/compile/5577/

二、基础类型:

类型描述示例

string

表示文本数据

let name: string = "Alice";

number

表示数字,包括整数和浮点数

let age: number = 30;

boolean

表示布尔值 truefalse

let isDone: boolean = true;

array

表示相同类型的元素数组

let list: number[] = [1, 2, 3];

tuple

表示已知类型和长度的数组

let person: [string, number] = ["Alice", 30];

enum

定义一组命名常量

enum Color { Red, Green, Blue };

any

任意类型,不进行类型检查

let value: any = 42;

void

无返回值(常用于函数)

function log(): void {}

null

表示空值

let empty: null = null;

undefined

表示未定义

let undef: undefined = undefined;

never

表示不会有返回值

function error(): never { throw new Error("error"); }

object

表示非原始类型

let obj: object = { name: "Alice" };

union

联合类型,表示可以是多种类型之一

let id: string

unknown

不确定类型,需类型检查后再使用

let value: unknown = "Hello";

三、声明变量

变量声明:let [变量名] : [类型] = 值;

// typeScript和javaScript一样同样支持const、let、var关键字声明变量
const hello : string = "Hello World!"
let a : number = 123
var b : string[] = ["jack","Ail"]


四、函数

相较于JavaScript的函数声明,TypeScript的函数声明需要增加返回值类型、参数类型,如下:

function function_name(参数1:类型,参数2:类型):返回值类型 {
    // 执行代码
    return 返回值;
}
无返回值时返回值类型为void,void可省略

function concat(p:string):string { // 返回一个字符串
    return "Hello" + p; 
}
​
console.log(concat("word"))
console.log(concat(123)) // 报错

五、视频教学

TypeScript:https://my.smartbi.com.cn/edu/course-121

  • 无标签