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');
}
相关文章
|
Go 开发者
Go语言并发模型概览:CSP模型解析
【2月更文挑战第17天】Go语言以其强大的并发处理能力在编程领域崭露头角。其中,CSP(Communicating Sequential Processes)模型作为Go语言并发模型的核心之一,在并发编程中发挥着至关重要的作用。本文将深入解析CSP模型的基本原理及其在Go语言中的应用,帮助读者更好地理解Go语言的并发编程特性。
|
2月前
|
人工智能 自然语言处理 安全
Claude Code 全攻略:命令大全 + 实战工作流(建议收藏)
本文介绍了Claude Code终端AI助手的使用指南,主要内容包括:1)常用命令如版本查看、项目启动和更新;2)三种工作模式切换及界面说明;3)核心功能指令速查表,包含初始化、压缩对话、清除历史等操作;4)详细解析了/init、/help、/clear、/compact、/memory等关键命令的使用场景和语法。文章通过丰富的界面截图和场景示例,帮助开发者快速掌握如何通过命令行和交互界面高效使用Claude Code进行项目开发,特别强调了CLAUDE.md文件作为项目知识库的核心作用。
41691 72
Claude Code 全攻略:命令大全 + 实战工作流(建议收藏)
|
JavaScript
详细介绍 TypeScript 中常用的循环语句,包括它们的语法、用法以及一些注意事项
详细介绍 TypeScript 中常用的循环语句,包括它们的语法、用法以及一些注意事项
520 1
|
JavaScript 前端开发 安全
TypeScript【基础类型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第9天】TypeScript【基础类型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
9月前
|
机器学习/深度学习 传感器 算法
基于全局路径的无人地面车辆的横向避让路径规划研究[蚂蚁算法求解](Matlab代码实现)
基于全局路径的无人地面车辆的横向避让路径规划研究[蚂蚁算法求解](Matlab代码实现)
376 8
|
JavaScript 前端开发 应用服务中间件
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
|
数据可视化 前端开发 JavaScript
地图可视化的艺术:深入比较Mapbox、OpenLayers、Leaflet和Cesium,不同场景下应如何选择地图库
选择合适的地图库取决于项目的需求、团队的技术栈以及预算等因素。简单来说,新手可以从leaflet入手;GIS开发使用openlayers会更顺手一些;mapbox适应大多数2D和2.5D场景,可视化效果好,但是不开源;cesium更侧重于3D场景。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出