首页 > 其他分享 >typescript基本语法

typescript基本语法

时间:2023-05-03 21:12:53浏览次数:37  
标签:基本 typescript const name number 语法 TypeScript 类型 string

TypeScript是JavaScript的一个超集,为JavaScript添加了类型、接口、泛型、类、模块等新的特性。以下是TypeScript一些基本语法:

变量声明

在TypeScript中使用let、const、var关键字来声明变量,使用冒号+类型来指定变量的类型,例如:

let count: number = 10;
const name: string = 'Tom';
var age: number = 18;

函数声明

使用函数名加上参数列表来声明函数,使用冒号+类型来指定参数类型和函数返回值类型,例如:

function sum(a: number, b: number): number {
  return a + b;
}
const greet = (name: string): void => {
  console.log(`Hello, ${name}!`);
}

类声明

使用class关键字加上类名来声明类,使用constructor方法来初始化对象,使用方法名+参数列表来声明类的方法,例如:

class Person {
  constructor(public name: string, public age: number) {}

  sayHello(): void {
    console.log(`Hello, my name is ${this.name}, and I am ${this.age} years old.`);
  }
}

const p = new Person('Tom', 18);
p.sayHello();

接口声明

使用interface关键字加上接口名来声明接口,使用花括号中定义接口的属性、方法、参数等,例如:

interface Point {
  x: number;
  y: number;
}

function printPoint(p: Point): void {
  console.log(`(${p.x}, ${p.y})`);
}

const pt: Point = { x: 10, y: 20 };
printPoint(pt);

泛型

使用来定义泛型本身及其类型变量,使用泛型可以实现类型的动态灵活,例如:

function identity<T>(arg: T): T {
  return arg;
}

const result: string = identity<string>('Hello, TypeScript!');
console.log(result);

类型推断

TypeScript的类型推断让我们能在一定程度上省略一些类型声明,编译器可以根据上下文推断变量、函数的类型,例如:

const count = 10; // 编译器会推断count的类型为number
const names = ['Tom', 'Jerry']; // 编译器会推断names的类型为string[]

类型别名

使用type关键字定义类型别名,方便复杂类型的多次使用,例如:

type People = {
  name: string;
  age: number;
}

const p: People = { name: 'Tom', age: 18 };
console.log(p.name, p.age);

以上是TypeScript一些基本语法,这些语法让我们能够更好地掌握类型、接口、类、泛型等关键特性,从而提高代码的可读性和可维护性。

标签:基本,typescript,const,name,number,语法,TypeScript,类型,string
From: https://www.cnblogs.com/CoderWangEx/p/17369675.html

相关文章

  • TypeScript 面试题
    一、TypeScript是什么?JavaScript是一种解释型的脚本语言,基于对象,跨平台的特性,活跃于各大网站制作中。而TypeScript则是以JavaScript作为基础,并对其扩展的一种新的语言, 二、TypeScript的内置数据类型有哪些?数字类型:用于表示数字类型的值。TypeScript中的所有数字都存储为浮......
  • TypeScript 基础语法以及注意事项
    TypeScript(简称TS)是一种由Microsoft开发的静态类型检查器,它在JavaScript的基础上添加了强类型和其他一些特性。以下是TS的一些基本语法和注意事项:变量声明 在TS中,变量声明时需要指定其类型,例如:这样就声明了一个名为myString的字符串变量,并将其赋值为"Hello,TypeScript!"......
  • 【实变函数】07 - 微积分基本定理
    1.有界变差函数1.1有界变差函数及性质我们已经看到,单调函数有着很好的微分性质,但单调函数又过于“简单”了,更一般的函数都会有上下起伏。那要做怎样的限定才能保证函数既够“简单”又够“一般”呢?现在来讨论“起伏之和”有限的函数。记\(f(x)\)是\([a,b]\)上的有限函数,并......
  • Python语法
    什么是语法?回忆一下我们上节课写的程序代码:print("HelloWorld!")在计算机上运行命令行时(或者具体来说,PythonInterperter)如何理解应该显示的文本 HelloWorld!?Python语言(或任何其他编程语言)规定了程序员需要遵循的编写代码的规则。而PythonInterperter程序在执行时,也会根......
  • kissat分析01_基本数据结构02_solver
    solver在internal.h中定义下面从使用的角度来了解solver个主要数据成员 assign.c中几个函数 staticinlinevoidkissat_assign(kissat*solver,#ifdefINLINE_ASSIGNvalue*values,assigned*assigned,#endifunsignedlit,......
  • 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......
  • 21 文件六大基本操作
    文件的六大基本操作:新建、打开、关闭、读写、删除文件;辅助操作:操作根目录文件:操作文件,先要找到与该文件对应的rfsdir_t结构;get_rootdirfile_blk函数:获取根目录文件,先调用get_rootdir函数获取根目录的rfsdir_t结构,到一个缓冲区中;del_rootdir函数释放缓冲区;获取文件名:......
  • 【Linux】基本命令
    1 前言这节我们来看一些Linux下的常用的一些命令哈。2  cd 切换目录cd(changedirectory:英文释义是改变目录)切换目录cd../;跳到上级目录cd/opt;不管现在到那直接跳到指定的opt文件夹中cd~;切换当前用户的家目录。root用户的家目录就是root目录。3  pwd显示......