美文网首页前端开发那些事儿
Typescript(二)静态类型

Typescript(二)静态类型

作者: camellias__ | 来源:发表于2021-05-12 08:59 被阅读0次

静态类型:就是你一旦定义了,就不可以再改变他的类型了。

一:定义静态类型

1:定义

let count:number = 1;

2:赋值

count = "str";  // 这样写会报错,count只能接受number类型的数据
count = 55; // 这个样子写是没有问题的

3:使用对应类型的方法

你讲变量定义成了何种类型,那么这个变量对应就可以使用其类型对应的方法

console.log(typeof count.toString());

二:自定义静态类型

你还可以自己去定义一个静态类型,比如现在你定义一个小姐姐的类型,然后在声明变量的时候,就可以使用这个静态类型了,看下面的代码。

interface XiaoJieJie {
  uname: string;
  age: number;
}
 
const xiaohong: XiaoJieJie = {
  uname: "小红",
  age: 18,
};

这时候你如果声明变量,跟自定义不一样,VSCode直接就会报错。需要注意的是,这时候xiaohong变量也具有uname和age属性了。

这节课你需要记住的是,如果使用了静态类型,不仅意味着变量的类型不可以改变,还意味着类型的属性和方法也跟着确定了。

这个特点就大大提高了程序的健壮性,并且编辑器这时候也会给你很好的语法提示,加快了你的开发效率。

三:基础静态类型

基础静态类型非常简单,只要在声明变量的后边加一个:号,然后加上对应的类型哦。比如下面的代码,就是声明了一个数字类型的变量,叫做count。

const count : number = 918;
const myName :string = ‘camellia‘

类似这样常用的基础类型还有,我这里就举几个最常用的:null,undefinde,symbol,boolean,void

四:对象类型

对象类型比较多,大概有:对象类型,数组类型,类类型,函数类型。

1:对象类型

定义一个人的对象,有age,height,name三个属性

const person : {
    age:number,
    height:number,
    name:string
} = {
    age:1,
    height:20,
    name:'camellia'
}
console.log(person);

2:数组类型

定义一个人的数组,里边包含了不同的人

let personArray:string[] = ['香秀','刘英','王小蒙'];
console.log(personArray);

字符串类型数组,里边只能是字符串,类型不统一的话会报错。

3:类类型

参数类型必须是对象

class persons{}
let personObj:persons = new persons();

4:函数类型

使用函数作为类型

const girl: () => string = () => {
  return "大脚";
};

typescript静态类型的内容不多。但是一定要注意他的使用方法。

有好的建议请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

相关文章

  • 如何将 ts 集成到 node 项目中

    为什么使用 TypeScript? TypeScript 为 JavaScript 提供了可选的静态类型。静态类型...

  • Typescript(二)静态类型

    静态类型:就是你一旦定义了,就不可以再改变他的类型了。 一:定义静态类型 1:定义 2:赋值 3:使用对应类型的方...

  • typescript学习(1)

    静态类型的理解 VS 动态类型 typeScript的静态类型:声明的类型不能接受别的类型的数据 动态类型: 静态...

  • Typescript学习概要

    大致印象 TypeScript 增加了静态类型、类、模块、接口和类型注解. TypeScript 可用于开发大型的...

  • ts数据类型

    TypeScript 不是「强类型」,是「静态类型检查」的「弱类型」。ts的数据类型: 布尔类型 boolean数...

  • typescript基础类型

    1.TypeScript是什么? TypeScript是微软开发的静态强类型编程语言,它是JavaScript的超...

  • Vue源码解析(2.0)

    一,认识flow vue使用flow来进行静态类型检查(与typescript好像) 二,从入口开始 Vue最初是...

  • TypeScript基础语法 - 数据类型限制(一)

    1.TypeScript 的静态类型 如何定义静态类型: 这就是最简单的定义一个数字类型的count的变量,这里的...

  • TypeScript

    typescript 定义 type类型+ES6 javascript 的超级包含ES6 静态类型语言类型检查,接...

  • TypeScript的静态类型

    TypeScript的一个最主要特点就是可以定义静态类型,可以理解为一旦定义了,就不可以再改变了,还意味着类型的属...

网友评论

    本文标题:Typescript(二)静态类型

    本文链接:https://www.haomeiwen.com/subject/yzwodltx.html