TS基础语法

简介: TypeScript(缩写为TS)是一种静态类型的JavaScript超集,它为JavaScript添加了类型注解和其他扩展功能。下面是TypeScript的基础语法

数据类型原始类型:数字(Number)、字符串(String)、布尔值(Boolean)、空(null)、未定义(undefined)、布尔值(Boolean)、字符串(String)、Symbol(符号)、BigInt(大整数)

 1.声明变量: 使用letconst关键字声明变量,并可选择指定类型

let name: string = 'John';  // 字符串类型
const age: number = 25;    // 数字类型


2.函数声明: 使用箭头函数(=>)或function关键字来声明函数,并可以指定参数类型和返回值类型。

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

3.接口: 使用接口定义对象的结构和类型。

interface Person {
  name: string;
  age: number;
}
const person: Person = {
  name: 'John',
  age: 25
};


4.类: 使用class关键字定义类,并可以定义属性和方法。

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  sayHello(): void {
    console.log(`Hello, I'm ${this.name}.`);
  }
}
const cat = new Animal('Whiskers');
cat.sayHello();  // 输出: Hello, I'm Whiskers.


5.数组: 使用数组类型加上元素类型声明一个数组。

const numbers: number[] = [1, 2, 3, 4, 5];
const names: string[] = ['John', 'Jane', 'Bob'];

6.类型推断: TypeScript会根据上下文自动推断类型,不需要手动指定。

const message = 'Hello';  // 推断为string类型
const count = 10;        // 推断为number类型
function multiply(a: number, b: number) {
  return a * b;  // 推断返回值为number类型
}

7.条件语句:

let x: number = 10;
if (x > 0) {
  console.log('x is positive');
} else {
  console.log('x is not positive');
}
相关文章
|
存储 数据库
工作流Flowable 数据库表结构说明、Flowable 数据字典说明
工作流Flowable 数据库表结构说明、Flowable 数据字典说明
2543 0
|
JavaScript 前端开发 安全
TypeScript【基础类型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第9天】TypeScript【基础类型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
11月前
|
监控 网络协议 Java
Netty基础—1.网络编程基础一
本文详细介绍了网络通信的基础知识,涵盖OSI七层模型、TCP/IP协议族及其实现细节。首先解释了OSI模型各层功能,如物理层负责数据通路建立与传输,数据链路层提供无差错传输等。接着探讨了TCP/IP协议,包括TCP和UDP的特点、三次握手与四次挥手过程,以及如何通过确认应答和序列号确保数据可靠性。还分析了HTTP请求的传输流程和报文结构,并讨论了短连接与长连接概念。 此外,解析了Linux下的IO模型,包括阻塞IO、非阻塞IO、IO复用(select/poll/epoll)、信号驱动IO和异步IO的特点与区别,强调了epoll在高并发场景下的优势及其水平触发和边缘触发两种工作模式。
|
9月前
|
NoSQL 程序员 API
解决 PHP PHP Startup: Unable to load dynamic library ‘ixed.8.0.lin’以及PHP版本的问题-优雅草卓伊凡
解决 PHP PHP Startup: Unable to load dynamic library ‘ixed.8.0.lin’以及PHP版本的问题-优雅草卓伊凡
321 5
解决 PHP PHP Startup: Unable to load dynamic library ‘ixed.8.0.lin’以及PHP版本的问题-优雅草卓伊凡
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
14637 5
|
JavaScript
Vue2横向文字滚动
这篇文章介绍了如何在Vue 2框架中实现一个横向滚动文本的组件,允许自定义滚动文本内容、滚动区域尺寸和滚动速度等属性。
654 0
Vue2横向文字滚动