TypeScript基本类型和引用类型实例

简介: TypeScript基本类型和引用类型实例

基本类型实例

TypeScript分文基本数据类型和引用数据类型

TypeScript基本类型有:any 类型、number 类型 、boolean 类型 、 数组类型、元组类型、enum 枚举类型、void 类型、null 类型、 undefine 类型、 never 类型

基本数据类型

// any类型:允许被赋值为任何类型
let anyArr:Array<any> = [999,'2222',true,undefined]
console.log(anyArr) // [ 999, '2222', true, undefined ]
// number类型
let numberArr:Array<number> = [111,222,333] 
console.log(numberArr) // [ 111, 222, 333 ]
// boolean类型
let booleanArr:Array<boolean> = [true,false,true,true]
console.log(booleanArr) // [true,false,true,true]
// 数组类型
let arr:Array<string> = ['fffs','ttt','pppp']
console.log(arr) // ['fffs','ttt','pppp']
//元组类型: 合并不同类型的对象
let x:[boolean,string,number,any] = [false,'zs',21, null]
console.log(x) // [false,'zs',21, null]
//enum 枚举类型: 使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。
//数字枚举,Up初始化为5,其余的成员从5开始自动增长,不定义则默认为0
enum Direction {
    // Up,
    Up = 5,
    Down,
    Left,
    Right
}
console.log(Direction.Up,Direction.Left,Direction.Right) // 5 7 8
//在一个字符串枚举里,每个成员都必须用字符串字面量,或另外一个字符串枚举成员进行初始化。
enum tyNum {
    Up = 'UP',
        Down = 'Down',
        Left = 'Left',
        // Right , // 报错
        Right = 'Right',
}
console.log(tyNum.Up,tyNum.Left,tyNum.Right) // UP Left Right
// void类型:空类型,方法没有返回值
function lianxi(): void {
    console.log('找食物')
    // return 'ffff' //报错
}
lianxi() // 找食物
//null, undefined
let s:null = null
let d:undefined = undefined
console.log(s,d) //null undefined
//never类型: 一个从来不会有返回值的函数,一个必须抛出错误的函数
//let foo: never = 123; Error: number 类型不能赋值给 never 类型
function bar():never {
    throw new Error('Throw my hands in the air like I just dont care')
}
let foo:never = bar()
console.log(foo) // error Throw my hands in the air like I just dont care

引用数据类型

// 引用类型
let zhangsan = {
  name: 'zhangsan',
  age: 21,
  website: 'zhangsan.com',
  prossWork: function() {
    console.log('zhangsan正在学习')
  }
}
console.log(zhangsan.name)
zhangsan.prossWork()
/*
* 给数组赋值
*/
// 字面量赋值法
// 定义一个空数组,数组容量为0
let arr1:number[] = []
// 直接给数组赋值
let arr2:number[] = [1,2,3,4,5,6]
//定义数组的同时给数组赋值
let arr3:string[] = ['zhangsan','张三','wangwu']
// let arr3:Array<string> = ['zhangsan','张三','wangwu']
let arr4:Array<boolean> = [true,false,true]
console.log(arr1,arr2,arr3,arr4)
// 值错误类型必须相同
let arr5:number[] = [1,2,true,'ttt']
console.log(arr5)
// 构造函数赋值法
/* let arr1:number[] = new Array()
// 下面arr2四种对应方式等同
// let arr2:number[] = new Array(1,2,3,4,5)
// let arr2:Array<number> = new Array(1,2,3,4,5)
// let arr2:number[] = [1,2,3,4,5]
let arr2:Array<number> = [1,2,3,4,5]
let arr3:Array<string> = new Array('wu','zs','ls')
let arr4:Array<boolean> = new Array(true,false,false)
console.log(arr1, arr2, arr3, arr4); */


相关文章
|
2月前
|
JavaScript 前端开发 开发者
TypeScript :基本配置&数据的基本类型
本文介绍了TypeScript的安装、常见问题及解决方案、配置与使用方法。包括通过npm全局安装TypeScript、设置PowerShell执行策略、初始化项目、配置模块声明、处理数据类型等。详细步骤和代码示例帮助开发者快速上手。
|
7月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
70 0
|
5月前
|
JavaScript 前端开发
TypeScript(二)基本类型和特殊类型
TypeScript(二)基本类型和特殊类型
68 0
|
7月前
|
JavaScript
【TypeScript学习】—基本类型(二)
【TypeScript学习】—基本类型(二)
【TypeScript学习】—基本类型(二)
|
7月前
|
JavaScript 前端开发 开发者
TypeScript基础(一)基本类型与类型运算
TypeScript是一种开源的编程语言,它是JavaScript的超集,意味着所有的JavaScript代码都可以在TypeScript中运行。TypeScript添加了静态类型检查和其他一些新特性,以提高代码的可读性、可维护性和可扩展性。
65 0
|
JavaScript 前端开发 编译器
TypeScript(零) —— 简介、环境搭建、第一个实例
TypeScript(零) —— 简介、环境搭建、第一个实例
|
JavaScript 安全 前端开发
TypeScript基本类型详解
TypeScript基本类型详解
259 0
|
存储 JavaScript 前端开发
[TypeScript]简介、开发环境搭建、基本类型
说到TypeScript我们不得不提到JavaScript,JS是由网景公司发明的一款弱类型动态脚本语言。说到弱类型,我们也就知道它非常的灵活,但是这个灵活是一把双刃剑。这就导致有些错误可能在编译时发现不了,直到运行的时候才会报错。这非常不利于我们后期的维护,而现在很多企业的大型项目转而去使用TypeScript来解决这个问题。产生背景TypeScript起源于使用JavaScript开发的大型项目。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。。...
[TypeScript]简介、开发环境搭建、基本类型
|
自然语言处理 JavaScript
Typescript基本类型---下篇
Typescript基本类型---下篇
Typescript基本类型---下篇
|
存储 JavaScript 安全
Typescript基本类型---上篇
Typescript基本类型---上篇
Typescript基本类型---上篇