草庐IT

Typescript基本类型---下篇

前端小白在前进 2023-09-06 原文

目录

ts专栏 ===> 🌈 typescript入门到拔高🌈(持续更新中…)

类型

类型例子描述
object{name:‘孙悟空’}任意的JS对象
array[1,2,3]任意数组
tuple[4,5]元组，TS新增类型，固定长度数组
enumenum{A, B}枚举，TS中新增类型

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专门的限制而已。

下篇Typescriptspanclasstokenjavascript前端

有关Typescript基本类型---下篇的更多相关文章

  1. ruby - Infinity 和 NaN 的类型是什么？ - 2

    我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN？它们是对象、关键字还是其他东西？ 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串

  2. ruby - 检查方法参数的类型 - 2

    我不确定传递给方法的对象的类型是否正确。我可能会将一个字符串传递给一个只能处理整数的函数。某种运行时保证怎么样？我看不到比以下更好的选择:defsomeFixNumMangler(input)raise"wrongtype:integerrequired"unlessinput.class==FixNumother_stuffend有更好的选择吗？ 最佳答案 使用Kernel#Integer在使用之前转换输入的方法。当无法以任何合理的方式将输入转换为整数时，它将引发ArgumentError。defmy_method(number)

  3. ruby - Ruby 有 `Pair` 数据类型吗？ - 2

    有时我需要处理键/值数据。我不喜欢使用数组，因为它们在大小上没有限制(很容易不小心添加超过2个项目，而且您最终需要稍后验证大小)。此外，0和1的索引变成了魔数(MagicNumber)，并且在传达含义方面做得很差(“当我说0时，我的意思是head...”)。散列也不合适，因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题，但我很想知道:Ruby标准库是否已经带有这样一个类？ 最佳

  4. ruby - 查找字符串中的内容类型(数字、日期、时间、字符串等) - 2

    我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如，CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s

  5. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器，但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型，并且只返回text/plain，如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  6. Unity 热更新技术 | （三） Lua语言基本介绍及下载安装 - 2

    ?博客主页：https://xiaoy.blog.csdn.net?本文由呆呆敲代码的小Y原创，首发于CSDN??学习专栏推荐：Unity系统学习专栏?游戏制作专栏推荐：游戏制作?Unity实战100例专栏推荐：Unity实战100例教程?欢迎点赞?收藏⭐留言?如有错误敬请指正！?未来很长，值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------

  7. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明：前端使用微信微信小程序开发工具：后端使用ssm：VU

  8. ruby-on-rails - 使用 HTTParty 的非常基本的 Rails 4.1 API 调用 - 2

    Rails相对较新。我正在尝试调用一个API，它应该向我返回一个唯一的URL。我的应用程序中捆绑了HTTParty。我已经创建了一个UniqueNumberController，并且我已经阅读了几个HTTParty指南，直到我想要什么，但也许我只是有点迷路，真的不知道该怎么做。基本上，我需要做的就是调用API，获取它返回的URL，然后将该URL插入到用户的数据库中。谁能给我指出正确的方向或与我分享一些代码？ 最佳答案 假设API为JSON格式并返回如下数据:{"url":"http://example.com/unique-url"

  9. ruby-on-rails - Rails 基本 Base64 身份验证 - 2

    我正在尝试复制此GETcurl请求:curl-D--XGET-H"Authorization:BasicdGVzdEB0YXByZXNlYXJjaC5jb206NGMzMTg2Mjg4YWUyM2ZkOTY2MWNiNWRmY2NlMTkzMGU="-H"Content-Type:application/json"http://staging.example.com/api/v1/campaigns在Ruby中，通过电子邮件+apikey生成身份验证:auth="Basic"+Base64::encode64("test@example.com:4c3186288ae23fd9661c

  10. ruby-on-rails - Rails 迁移中的 PostgreSQL 点类型 - 2

    我想使用PostgreSQL中的point类型。我已经完成了:railsgmodelTestpoint:point最终的迁移是:classCreateTests当我运行时:rakedb:migrate结果是:==CreateTests:migrating====================================================--create_table(:tests)rakeaborted!Anerrorhasoccurred,thisandalllatermigrationscanceled:undefinedmethod`point'for#/hom

随机推荐