Typescript安装及基础数据类型使用

原创
小哥 3年前 (2022-10-26) 阅读数 144 #js教程
文章标签 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 

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门