Typescript基本类型---下篇

简介: Typescript基本类型---下篇

类型


image.png


object


object表示一个js对象


let a : object;
a = {};
//function也是一个对象
a = function (){};


在实际开发中我们不会这样去书写对象,我们会采取以下的写法:


let b : {name:string,age?:number};
b = {name:'孙悟空'};


{} 用来指定对象中可以包含哪些属性

语法 :{属性名:属性值}

在属性名后面加上一个 ?表示属性是可选的(可填可不填)


let c : {name:string,[propName:string]:any};
c = {name : 'xxx',age : 18,sex : '男'}


[propName:string]:any 表示任意类型的属性


函数


设置函数结构的类型声明:

语法:(形参:类型,形参:类型…) => 返回值


let d : (a:number,b:number)=>number;
d = function (fn1,fn2){
    return fn1 + fn2
}


这种写法是先定义再去书写函数,直接一条龙写法如下:




function fn1(a : number,b : number):number {
    return a + b
}
//es6箭头函数写法
let cc = (a:number,b:number) : number => {
    return a + b
}


array


数组的类型声明:


语法: 类型[] 或 Array<类型>


例子:

string[] 表示字符串数组


let e : string[];
e = ["a",'b','f'];
let g : Array<string>;
g = ['1','3','5']


number[] 表示数值数组


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

tuple(元组)


元组的通俗定义: 元组就是固定长度的数组


语法: [类型,类型]


let h : [string,string];
h = ['hello','abc'];


enum(枚举)


直观定义: 事先考虑到某一变量可能取的值,尽量用自然语言中含义清楚的单词来表示它的每一个值,这种方法称为枚举方法,用这种方法定义的类型称枚举类型。比如:性别中的男和女,在枚举中可以用0和1表示

写法代码如下:




enum Gender {
    Male,
    Female
}
let i : {name:string,sex:Gender};
i = {
    name : 'james',
    sex : Gender.Male
}


&的使用


在上篇我们讲到了特殊符号|,它表示或者的意思,而在这里&表示并且的意思,它在ts中使用如下:




//& 表示同时
let j : {age : number} & {name : string}
j = {age:15,name:'xxx'}


类型别名


通俗解释: 你自己专门设置一个“类型”,当取值的时候按照你这个类型要求取即可。

示例代码如下:




type myType = 1 | 2 | 3 | 4 | 5
let k : myType = 2
let l : myType = 5
let m : myType = 1


在这里我设置了myType类型,我自己设置的类型要求可以从1-5任意取一个值,当我要取值的时候,直接将声明的变量指定我自己设置的myType类型,便可以实现只能从1-5之间选取一个数。


小结


在下篇中讲到了平常项目开发中用到最多的元素:数组、对象、函数,ts中数组的写法无非是限制了数组的类型,一个数组不会再像js那样出现多个类型属性,而是去指定这个数组的类型,比如:如果我们限制了数组的类型number,我们数组中的元素就只能是number类型。

对象和函数无非都是加上了ts专门的限制而已。



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