Typescript安装及基础数据类型使用
原创
文章标签
Typescript
1.安装ts步骤
1.听你胡说八道
必须安装node.js以下安装插件只能在文件下使用(如果没有安装,请先安装)node.js,百度公司自己找到它,只需迈出下一步)
npm i -g typescript
创建ts文件 cmd tsc 创建一个文件路径并直接运行它。ts文件了;
2.ts的使用
指定数据类型
变量声明类型,let a :number
方法:类型中的方法返回值声明类型。 sum(a =10):number{return a};
方法参数声明类型sum(a:number ,b:number) {}
let a : numer // 规定a是数值类型,在以后的使用中a只有数字number类型;
let b : boolean = true // 规定a是布尔类型,缺省值为true;
sum(a:number,b:number):number{
return a + b
} // 方法接参也可以指定数据类型返回值类型及函数返回值的类型
错误报告显示示例
3.数据类型
数据类型
let a :string = hello // 字符串类型
// -------------------------------------------------------------------------------------------
let b :boolean = true // 布尔类型
// -------------------------------------------------------------------------------------------
let c : male | female // 文字金额,只能是两种类型中的一种,不能是另一种
c = male 可以
c = female 可以
c= 2 不可以
let d : boolean | string // 它也可以用另一种方式编写。 用 | 要指定两种类型
d = string 可以
d = true 可以
d= 2 不可以
// -------------------------------------------------------------------------------------------
// any类型 设置了一个字段。any该类型等同于关闭变量。ts类型检测;(不推荐)
let e : any (显式any) || let e (隐式any);
e = 10
e = 10
e = true
// -------------------------------------------------------------------------------------------
let f : unknown // 表示未知类型的值。
f = 10
f = hello
f = true
分配传递参数如下;
let j = hello
f = j // 错误报告,两种类型 字符串类型、unknown输入字符串;
if(typeof j === string) f = j // 判断j为字符串类型,然后赋值;
f = j as string // 类型断言 j虽然是unknown类型,但此处的赋值是一个字符串,它被视为字符串;
f = j // 只接受string类型的j
// -------------------------------------------------------------------------------------------
该函数不返回值。 void
function():void {}; // 指示无返回值
// -------------------------------------------------------------------------------------------
函数没有值never
function():never {}; // 结果将永远不会返回
throw new Error(错误); // 可以通过这种方式抛出错误消息;
// -------------------------------------------------------------------------------------------
object 对象 ;两种不同的方式;
let k : object; // 这毫无意义,any几乎,类似于没有定义;
let l : {name:string}; // 表示l是对象类型,并且l中必须且只有一种字符串类型name属性(key),越来越多的人不能;
let m : {name:string,age?:number}; // 表示m是对象类型,?表示此属性可以具有或不可以具有,并最多返回两个属性
m = {name:zhangsan};// 返回正常
m = {name:zhagnsan,age:19};
let n :{name:string ,[propsName:string]:any}; // 表示n肯定有一个name,也可以有很多其他的属性,其他的属性我不在乎,也控制不了;
n = {name:猪八戒,age:19,sex:famela};
function的定义
语法:(TYPE:TYPE:TYPE) => 返回值类型
let o = (a:number , b:number) => number ;
o = function(a:number,b:number):number{ return 10}; //
// -------------------------------------------------------------------------------------------
array 数组类型双向
第一种 类型[] 第二种 Array<类型>
let p :string[]; //字符串数组 === let p :Array
p = [1,2]
let q :number[]; // number数组 === let q :Array
q = [1,2]
// -------------------------------------------------------------------------------------------
元组(tuple): 固定长度的数组称为元组:[类型,类型]
let r :[string,string];
r = [ 123 , abc]
// -------------------------------------------------------------------------------------------
枚举(enmu): 是在多个固定值中选择显示类型(个人理解有点像声明数据类型)
enmu Sex {
famale = 1,
male = 0
}
let s : {name:string,sex:Sex}
s = {
name:张三,
sex:Sex.male
}
类型的别名,s只能从mytype选择显示在中的值
type myType = 1 | 2 | 3
let s :myType
s = 1
版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除