一共7种,boolean,number,string,Array,enum,any,void

1.boolean

ts文件:

/*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

ts:

var num:number = 10;function tell(){num++;alert(num);//11
}tell();

3.string

ts:

var str:string="m";function tell(){str+="m";alert(str);//mm
}
tell();

4.Array

ts:
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

ts写一个枚举类型:

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

ts:

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基本数据类型相关推荐

  1. Typescript学习;Typescript总结;Typescript 的数据类型有哪些?

    推荐一个学习Typescript的网址,写的特别清晰易懂,比官网好理解:Typescript文档整理 一个总结:Typescript 的数据类型有哪些

  2. ♥走进TypeScript的数据类型♥

    前言:无论在学习什么语言的时候,我们都需要明白其该怎么样去定义一个变量或者Function,那么今天我们来看看TypeScript的数据类型. 文章目录: 一.Ts与Js的区别 二.Ts的数据类型 三 ...

  3. typescript的数据类型

    TypeScript中的数据类型有: Undefined : Number: 数值类型; string : 字符串类型; Boolean: 布尔类型: enum: 枚举类型: any : 任意类型,一 ...

  4. TypeScript 基础数据类型与接口

    一.数据类型 1.基础数据类型 (1)数值类型 let num: number; num = 100 console.log(num); (2)布尔类型 let flag: boolean;flag ...

  5. typescript (一) 数据类型之 基础数据类型

    (一)Typescript 概述 Typescript 是 Javascript 的超集,Javascript 有的 Typescript 都有,Typescript 包含 Javascript Ty ...

  6. (精华2020年6月2日更新) TypeScript的数据类型

    第一种:布尔类型(boolean) var flag:boolean=true;flag = false; //正确 flag = '你好typescript'; //错误 第二种:数字类型(numb ...

  7. typeScript复杂数据类型--任意类型、类型推论、联合类型、对象的类型(接口)、数组的类型、函数的类型

    目录 1.任意值 什么是任意值类型 未声明类型的变量 2.类型推论 3. 联合类型 访问联合类型的属性或方法 4.对象的类型--接口 什么是接口 可选属性 任意属性 只读属性 1.任意值 任意值(An ...

  8. 能否直接在Visual Studio Code里查看TypeScript的数据类型定义

    Dear colleagues, I have a development question regarding Visual Studio Code. For example when we hov ...

  9. 学习TypeScript数据类型-从零到英雄

    It's all the rage these days in the world of web development - TypeScript.  I'd wager by now you hav ...

最新文章

  1. Node.js中的express框架,修改内容后自动更新(免重启),express热更新
  2. 用c语言做教学课程安排,C语言入门课程安排
  3. FastDFS入门步骤
  4. centos6,7的启动流程
  5. 数据字典模板_巧用单元格保护功能+字典技术,制作高大上的人员信息录入表...
  6. [jQuery]超出容器部分...
  7. Android 高效调试神器 JRebel
  8. MT6763芯片资料MT6763处理器性能介绍
  9. 登录SYSTEM账户 Windows黑科技 首创方法 教程附源码(c++)
  10. ENVI5.1 进行监督分类流程化工具时(classification workflow)界面显示不全的问题解决办法
  11. THREE.JS自定义中心旋转轴
  12. Visual Tracking via Adaptive Structural Local Sparse Appearance Model
  13. macOS SwiftUI 进度指示器组件规范之 02 确定进度指标 Determinate Progress Indicators
  14. react项目中遇到的几个问题
  15. Markdown文件关机没保存,怎么恢复
  16. Learning Python 020 pass 的用法
  17. vue内容横向循环滚动_在Vue中使用better-scroll实现横向滚动和竖向滚动
  18. Egret Wing3编译时“输出”显示乱码而且编译终止
  19. 对微分方程的特征描述及其称呼
  20. 小程聊微服务-自己动手扩展分布式调用链

热门文章

  1. Hadoop框架:单服务下伪分布式集群搭建
  2. hadoop--hadoop集群常用脚本
  3. 简易的AJAX工具[转]
  4. Web前端开发的四个阶段(小白必看)
  5. 用组策略发布软件的简单解决办法
  6. python内置模块 (一)
  7. Hacker学习发展流程图
  8. Flash开发的基本概念
  9. 上海火灾暴露灾难教育缺失
  10. 轻松部署IE7(下),SMS2003系列之六