TypeScript简单语法之类型

2019-11-01 admin

首先,这里不需要我多说了,大家也知道typescript的诞生背景。typescript里是有类型定义的。

变量类型

比如定义一个数字类型:

 let num:number=12;

这时候你在把a赋值其他类型比如字符类型就会报错,JavaScript里的六种基本类型都可以这么定义,当然如果你想像js一样一个变量啥类型都能装也是可以的:

 let something:any=111;
 something='true';

这是允许的且可以编译通过 当然也可以给函数的参数指定类型:

 function show(a:number,b:number){
    //do something
}

也可以给函数的返回值指定类型:

function show(a:number,b:number):number{
    return a+b;
}

如果在返回值的类型不是number类型那么就不会编译通过。

数组类型

如果想什么数组的类型,可以这么写:

 let arr:number[]=[1,2,3,4,5]
 let arr2:Array<number>=[1,2,3,4,5];

两种写法都是可以的

联合类型

假设有个变量我们暂时还不确定他是哪种类型,但我们可以确定的是他可能是数字或字符中的一种,那么我们就可以用联合类型来声明:

 let unions:(number|string)=10;
 unions='other'

对数组来说也可以用联合类型:

 let arr:(number|string)[]=[1,12,'a',4,7];

里面可以即有number类型也可以有string类型

元组类型

假设我们想指定一个数组的第一位是数字,第二位是字符串,那么我们就可以用元组类型:

 let arr:[number,string]=[12,kill,53,2]

他只管前两位,后面的就不管了

枚举类型

 enum Gender={Male,Female};
 let gender=Gender.Female;

空类型

 function show(a:number,b:number):void{
    //do something
 }

啥也不返回

undefined类型和null类型

这个不用我多介绍了吧

[转载]原文链接:https://segmentfault.com/a/1190000020876311

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-78739.html

文章标题:TypeScript简单语法之类型

相关文章
JavaScript正则进阶之路——活学妙用奇淫正则表达式
有些童鞋肯定有所疑惑,花了大量时间学习正则表达式,却发现没有用武之地,正则不就是验证个邮箱嘛,其他地方基本用不上,其实,大部分人都是这种感觉,所以有些人干脆不学,觉得又难又没多大用处。殊不知,想要成为编程大牛,正则表达式必须玩转,GitH...
2017-05-31
数据类型和结构
ECMAScript标准定义了七种数据类型 1)布尔值(true 和 false) 2)null,一个特殊的关键字表示空,要注意,javascrip是区分大小写的,所以Null和null是不一样的 3)undefined 表示未定义 4)N...
2015-11-12
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
1.bootstrap-table 单击单行选中 $(&#x27;#gzrwTable&#x27;).on(&#x27;click-row.bs.table&#x27;, function(e, row, $element) { $(&#x...
2017-02-17
ajax教程之ajax使用Http请求
ajax中是如何让使用http请求的呢? 在传统的JS编程中,如果您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发...
2015-11-12
JavaScript基本语法和规范
JavaScript是区分大小写的,使用Unicode字符集。 在JavaScript中,语句以“;”结尾。 JavaScript脚本的源文本被从左到右执行。 虽然有时“;”是不必要的,但我们建议总是在你的语句结束处添加分号;它将避免副作用...
2015-11-12
Bootstrap显示与隐藏简单实现代码
本文实例为大家分享了bootstrap显示隐藏的具体代码,供大家参考,具体内容如下 &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta http...
2017-03-14
最简单的JavaScript图片轮播代码(两种方法)
通过改变每个图片的opacity属性: 素材图片: 代码一: &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta cha...
2017-03-21
JS教程之基础
javascript教程之什么是 JavaScript? JavaScript 被设计用来向 HTML 页面添加交互行为。JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript 由数行可执行计算机代码组...
2015-11-12
DOM之通俗易懂讲解
DOM 是所有前端开发每天打交道的东西,但是随着 jQuery 等库的出现,大大简化了 DOM 操作,导致大家慢慢的 “遗忘” 了它的本来面貌。不过,要想深入学习前端知识,对 DOM 的了解是不可或缺的,所以本文力图系统的讲解下 DOM 的...
2016-01-13
Vue.js原理分析之observer模块详解
介绍 observer是Vue核心中最重要的一个模块(个人认为),能够实现视图与数据的响应式更新,底层全凭observer的支持。 **注意:**本文是针对Vue@2.1.8进行分析 observer模块在Vue项目中的代码位置是src/c...
2017-03-16
回到顶部