首页 > 其他分享 >TypeScript 基础语法以及注意事项

TypeScript 基础语法以及注意事项

时间:2023-05-03 19:55:41浏览次数:40  
标签:TypeScript 定义 TS 语法 注意事项 类型 声明 变量

TypeScript(简称TS)是一种由Microsoft开发的静态类型检查器,它在JavaScript的基础上添加了强类型和其他一些特性。以下是TS的一些基本语法和注意事项:

  1. 变量声明

 在TS中,变量声明时需要指定其类型,例如:

这样就声明了一个名为myString的字符串变量,并将其赋值为"Hello, TypeScript!"。在声明时使用冒号(:)来指定变量的类型。

  1. 函数定义

函数定义时也需要指定其参数和返回值的类型,例如:

这个例子定义了一个名为addNumbers的函数,它有两个参数a和b,都是number类型,同时返回值也是number类型。

  1. 接口声明

TS中可以使用接口声明对象的结构和属性,例如:

这个例子中定义了一个名为Person的接口,它规定了一个对象必须具有name、age和occupation三个属性,分别为字符串、数字和字符串类型,然后使用该接口来声明了一个名为myPerson的变量。

  1. 类定义

TS支持类定义,可以使用class关键字来创建一个类:

这个例子中定义了一个名为Animal的类,它有一个构造函数和一个实例方法sayName,在创建该类的实例时需要传入一个字符串类型的参数,并将其赋值给实例变量name。

  1. 类型别名和联合类型

TS支持使用类型别名来简化代码,例如:

这个例子中定义了一个名为NumberOrString的类型别名,它表示一个值可以是number或string类型。然后定义了一个名为printValue的函数,它接收一个NumberOrString类型的参数并输出到控制台。

TypeScript 有以下基础类型:

  1. boolean 类型表示布尔值,只有两个可能的取值 true 或 false。
  2. number 类型表示数字(整数或浮点数)。
  3. string 类型表示文本字符串。
  4. null 和 undefined 类型分别表示 null 和 undefined 值。默认情况下,它们是所有类型的子类型,这意味着可以将 null 或 undefined 赋值给任何类型的变量。
  5. void 类型用于函数没有返回值时的声明。
  6. any 类型可以包括任何类型的值,而不进行类型检查。在需要与不受控制的第三方代码交互时使用。
  7. never 类型表示那些永远不会出现的值,如抛出异常或进入无限循环等。

除了这些基础类型,TypeScript 还提供了其他一些高级类型,例如元组 (tuple)、枚举 (enum)、类 (class)、接口 (interface)、联合类型 (union)、交叉类型 (intersection) 等。

这些是TS的一些基本语法和注意事项。需要注意的是,使用TS时需要在文件开头添加import React from 'react';等模块导入语句,并在项目中配置好相应的编译器和工具链。同时,TS还提供了丰富的类型系统和其他特性,如泛型、枚举、装饰器等,可以帮助开发者更好地管理和维护代码。

标签:TypeScript,定义,TS,语法,注意事项,类型,声明,变量
From: https://www.cnblogs.com/AllenPan/p/17369585.html

相关文章

  • Python语法
    什么是语法?回忆一下我们上节课写的程序代码:print("HelloWorld!")在计算机上运行命令行时(或者具体来说,PythonInterperter)如何理解应该显示的文本 HelloWorld!?Python语言(或任何其他编程语言)规定了程序员需要遵循的编写代码的规则。而PythonInterperter程序在执行时,也会根......
  • verilog语法:for与generate...for
    1for循环for循环必须在always块内使用,对应的always块内的变量需声明为reg类型。verilog的for和C语言的for的不同点:C语言的for里面的语句是串行执行,而verilog的for内的语句是并行执行的。例如下面的移位寄存器案例。integeri;always@(posedgeclk)begindata_reg[0]......
  • django模板语法
    django模板语法代码{%loadstatic%}<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title>{#<linkrel="stylesheet"href="/static/plugins/b......
  • typescript重写canvas --7.利用clip在指定区域绘图
    typescript重写canvas--7.利用clip在指定区域绘图1.使用canvas利用clip在指定区域绘图<!DOCTYPEHTML><html><head><metacharset="utf-8"/></head><body><canvasid="myCanvas"width="250"height="200......
  • JSX语法介绍
    title:02-JSX语法介绍publish:trueJSX介绍JSX的引入如果直接让用户通过JS代码手动创建DOM元素,肯定是非常麻烦的。于是,React官方就提出了一套JSX语法规范,能够让我们在JS文件中,书写类似于HTML那样的代码,快速定义虚拟DOM结构。JSX的全称JSX:JavaScriptXML,一种类......
  • lua基础语法篇一
    打印print("helloworld")注释单行注释多行注释--这是单行注释--[[这是多行注释]]赋值s="HelloWorld"--多重赋值a,b="Stringa","Stringb"--交换值,类似pythona,b="Stringa","Stringb"a,b=b,a数据类型Lua有8种基本类型,如下表......
  • TypeScript必知三部曲(二)JSX的编译与类型检查
    在本三部曲系列的第一部中,我们介绍了TypeScript编译的两种方案(tsc编译、babel编译)以及二者的重要差异,同时分析了IDE是如何对TypeScript代码进行类型检查的。该部分基本涵盖了TypeScript代码编译的细节,但主要是关于TS代码本身的编译与类型检查。而本文,我们将着重讨论含有JSX的Type......
  • ESXI 群辉安装注意事项
    系统/磁盘类型Linux系统选择其他4.x或更高版本的Linux(64位),选择其他64位不行,没有sata控制器查找设备使用这个而不要用域内iphttps://finds.synology.com或http://10.10.10.104:5000confirm:disk_format_dialog_input_model_title报错不要使用Safari浏览器!!......
  • ibatis学习注意事项
    1.对于多参数的问题:在ibatis中,会发现其输入参数只能有一个,于是当出现需要进行多个输入参数的时候,就要想点办法了,我看到的有以下两种比较好的方法能够解决这个问题用String代替<selectid="checkLogin"parameterClass="java.lang.String"resultClass="java.lang.Integer">SELECT......
  • python基础语法
    变量和数据类型#变量名可以由字母、数字、下划线组成,但不能以数字开头name='Lucy'age=18is_student=Truescore=95.5变量:用于存储数据或者引用对象的标识符。数据类型:Python中有多种数据类型,如字符串(str)、整数(int)、布尔值(bool)、浮点数(float)等。控制流语句......