TypeScript1---数据类型和函数-优快云博客

本文深入探讨TypeScript中的各种数据类型，包括基本类型如boolean、number和string，复杂类型如array、tuple和enum，以及特殊类型如any、null、undefined和never。同时介绍了object类型及其非原始类型的特性。

1、ts中的数据类型

/* 
* type boolean
*/
let boolen: boolean = true

// type number
let num: number = 2

// type string
let str: string = "你好 ts"

// type array
let arr: number[] = [1, 2]

// type tuple 元组类型
let tuple: [number, string] = [1, '2']

// type enum 枚举类型
enum Flag { success = 1, error = 2 }
let s: Flag = Flag.success

// type any
let any: any = 123

// what can any type do
const dom: any = document.getElementById('root')
dom.style.color = 'red'

// null and undefined never类型的子类型
let num2: number | undefined;
console.log(num2)
let num3: number | null | undefined;

// void type 只能赋予undefined和null
function run(): void {
    console.log('run')
}
function run2(): number {
    return 134
}

// never type 类型表示的是那些永不存在的值的类型

let b: never;
let y: number;
function err():never { throw new Error('fs') }
b = (()=>{ throw new Error('exception')})();

// object type非原始类型
let obj:object = {}


复制代码

2、ts中函数的用法

// ts定义函数
function get(name: string): string {
    return `${name}`
}
// ts定义可选参数
function get2(name?: string): string {
    return `${name}`
}
get2()
// 默认参数
function get3(name: number = 1): number{
    return 123
}
get3()
// 拓展运算符
function sum(a:number, ...result:[number, string]){
    result.forEach((v,i)=>{
        console.log(i)
    })
}
// 函数重载
function getInfo(name:string):string;

function getInfo(name:any):any{
    return '1'
}
复制代码