TypeScript基本数据类型
一共7种,boolean,number,string,Array,enum,any,void
1.boolean
/*var isBoolean;//js定义变量*/var isBoolean:boolean;/*ts同时指定数据类型*/
var isBoolean2:boolean = false;//可只指定false/true,默认是undefinedfunction tell(){alert(isBoolean2);
}tell();
但引入的是js文件:
<script src="boolean.js"></script>
2.number
var num:number = 10;function tell(){num++;alert(num);//11
}tell();
3.string
var str:string="m";function tell(){str+="m";alert(str);//mm
}
tell();
4.Array
var list1:number[]=[1,2,3];//2种格式var list2:Array<String> = ["m1","m2","mm"];function tell(){
// alert(list1[0]);//1alert(list2[2]);//mm
}tell();
5.enum
enum Color{blue,red,green};//blue=0,red=1,green=2
对应js代码:
var Color;
(function (Color) {Color[Color["blue"] = 0] = "blue";Color[Color["red"] = 1] = "red";Color[Color["green"] = 2] = "green";
})(Color || (Color = {}));
ts完整demo:
enum Color{blue,red,green};//blue=0,red=1,green=2
enum Color2{blue=1,red,green};//blue=1,red=2,green=3
enum Color3{blue=1,red=4,green=2};//blue=1,red=4,green=2var colorName:string = Color[1];
var colorName2:string = Color2[1];
var colorName3:string = Color3[2];function tell(){alert(colorName);//redalert(colorName2);//bluealert(colorName3);//green}
tell();var c:Color=Color.green;//获得元素的下标
function tell2(){alert(c);//2
}
tell2();
6.any
var notSure:any=10;//如果不是any而是别的数据类型,后面会报错,any就像js,没指定数据类型 var notSure;
notSure = "Hello";
notSure =false;var list:any[]=[1,"mm",true];//var list=[1,"mm",true];function tell(){
// alert(notSure);//falsealert(list[1]);//mm
}tell();
7.void
ts:
function tell():string{return "返回string类型";
}function say():number{return 5;
}function tell1():void{//void不需要返回值}
TypeScript基本数据类型相关推荐
- Typescript学习;Typescript总结;Typescript 的数据类型有哪些?
推荐一个学习Typescript的网址,写的特别清晰易懂,比官网好理解:Typescript文档整理 一个总结:Typescript 的数据类型有哪些
- ♥走进TypeScript的数据类型♥
前言:无论在学习什么语言的时候,我们都需要明白其该怎么样去定义一个变量或者Function,那么今天我们来看看TypeScript的数据类型. 文章目录: 一.Ts与Js的区别 二.Ts的数据类型 三 ...
- typescript的数据类型
TypeScript中的数据类型有: Undefined : Number: 数值类型; string : 字符串类型; Boolean: 布尔类型: enum: 枚举类型: any : 任意类型,一 ...
- TypeScript 基础数据类型与接口
一.数据类型 1.基础数据类型 (1)数值类型 let num: number; num = 100 console.log(num); (2)布尔类型 let flag: boolean;flag ...
- typescript (一) 数据类型之 基础数据类型
(一)Typescript 概述 Typescript 是 Javascript 的超集,Javascript 有的 Typescript 都有,Typescript 包含 Javascript Ty ...
- (精华2020年6月2日更新) TypeScript的数据类型
第一种:布尔类型(boolean) var flag:boolean=true;flag = false; //正确 flag = '你好typescript'; //错误 第二种:数字类型(numb ...
- typeScript复杂数据类型--任意类型、类型推论、联合类型、对象的类型(接口)、数组的类型、函数的类型
目录 1.任意值 什么是任意值类型 未声明类型的变量 2.类型推论 3. 联合类型 访问联合类型的属性或方法 4.对象的类型--接口 什么是接口 可选属性 任意属性 只读属性 1.任意值 任意值(An ...
- 能否直接在Visual Studio Code里查看TypeScript的数据类型定义
Dear colleagues, I have a development question regarding Visual Studio Code. For example when we hov ...
- 学习TypeScript数据类型-从零到英雄
It's all the rage these days in the world of web development - TypeScript. I'd wager by now you hav ...
最新文章
- Node.js中的express框架,修改内容后自动更新(免重启),express热更新
- 用c语言做教学课程安排,C语言入门课程安排
- FastDFS入门步骤
- centos6,7的启动流程
- 数据字典模板_巧用单元格保护功能+字典技术,制作高大上的人员信息录入表...
- [jQuery]超出容器部分...
- Android 高效调试神器 JRebel
- MT6763芯片资料MT6763处理器性能介绍
- 登录SYSTEM账户 Windows黑科技 首创方法 教程附源码(c++)
- ENVI5.1 进行监督分类流程化工具时(classification workflow)界面显示不全的问题解决办法
- THREE.JS自定义中心旋转轴
- Visual Tracking via Adaptive Structural Local Sparse Appearance Model
- macOS SwiftUI 进度指示器组件规范之 02 确定进度指标 Determinate Progress Indicators
- react项目中遇到的几个问题
- Markdown文件关机没保存,怎么恢复
- Learning Python 020 pass 的用法
- vue内容横向循环滚动_在Vue中使用better-scroll实现横向滚动和竖向滚动
- Egret Wing3编译时“输出”显示乱码而且编译终止
- 对微分方程的特征描述及其称呼
- 小程聊微服务-自己动手扩展分布式调用链