定制化开发Typescript基本类型---下篇

目录

ts专栏 ===> 🌈 🌈(定制化开发持续更新中…)

类型

类型例子描述
object{name:‘孙悟空’}任意的JS对象
array[1,2,3]任意数组
tuple[4,5]元组,TS新增类型,定制化开发固定长度数组
enumenum{A, B}枚举,TS定制化开发中新增类型

object

object表示一个

let a : object;a = {};//function定制化开发也是一个对象a = function (){};
  • 1
  • 2
  • 3
  • 4

定制化开发在实际开发中我们不会定制化开发这样去书写对象,定制化开发我们会采取以下的写法:

let b : {name:string,age?:number};b = {name:'孙悟空'};
  • 1
  • 2

{} 用来指定对象中可以包含哪些属性
语法 :{属性名:属性值}
在属性名后面加上一个 ?表示属性是可选的(可填可不填)

let c : {name:string,[propName:string]:any};c = {name : 'xxx',age : 18,sex : '男'}
  • 1
  • 2

[propName:string]:any 表示任意类型的属性

函数

设置函数结构的类型声明:
语法:(形参:类型,形参:类型…) => 返回值

let d : (a:number,b:number)=>number;d = function (fn1,fn2){    return fn1 + fn2}
  • 1
  • 2
  • 3
  • 4

这种写法是先定义再去书写函数,直接一条龙写法如下:

function fn1(a : number,b : number):number {    return a + b}//es6箭头函数写法let cc = (a:number,b:number) : number => {    return a + b}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

array

数组的类型声明:

  • 语法: 类型[]Array<类型>

  • 例子:
    string[] 表示字符串数组

    let e : string[];e = ["a",'b','f'];let g : Array<string>;g = ['1','3','5']
    • 1
    • 2
    • 3
    • 4

    number[] 表示数值数组

    let f : number[];f = [1,2,3];
    • 1
    • 2

tuple(元组)

  • 元组的通俗定义: 元组就是固定长度的数组

  • 语法: [类型,类型]

    let h : [string,string];h = ['hello','abc'];
    • 1
    • 2

enum(枚举)

直观定义: 事先考虑到某一变量可能取的值,尽量用自然语言中含义清楚的单词来表示它的每一个值,这种方法称为枚举方法,用这种方法定义的类型称枚举类型。比如:性别中的男和女,在枚举中可以用0和1表示
写法代码如下:

enum Gender {    Male,    Female}let i : {name:string,sex:Gender};i = {    name : 'james',    sex : Gender.Male}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

&的使用

在上篇我们讲到了|,它表示或者的意思,而在这里&表示并且的意思,它在ts中使用如下:

//& 表示同时let j : {age : number} & {name : string}j = {age:15,name:'xxx'}
  • 1
  • 2
  • 3

类型别名

通俗解释: 你自己专门设置一个“类型”,当取值的时候按照你这个类型要求取即可。
示例代码如下:

type myType = 1 | 2 | 3 | 4 | 5let k : myType = 2let l : myType = 5let m : myType = 1
  • 1
  • 2
  • 3
  • 4

在这里我设置了myType类型,我自己设置的类型要求可以从1-5任意取一个值,当我要取值的时候,直接将声明的变量指定我自己设置的myType类型,便可以实现只能从1-5之间选取一个数。

小结

在下篇中讲到了平常项目开发中用到最多的元素:数组、对象、函数,ts中数组的写法无非是限制了数组的类型,一个数组不会再像js那样出现多个类型属性,而是去指定这个数组的类型,比如:如果我们限制了数组的类型number,我们数组中的元素就只能是number类型。
对象和函数无非都是加上了ts专门的限制而已。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发