浅谈熟悉C#如何转TypeScript

更新时间：2026年05月10日 10:10:47 作者：向上的车轮

本文主要介绍了浅谈熟悉C#如何转TypeScript,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

✅相同点（你已掌握的优势）

特性	说明
静态类型	TS 和 C# 都支持变量、参数、返回值的类型标注（如 string, number ≈ string, int）。
类与面向对象	class、interface、extends（继承）、implements（实现接口）语法高度相似。
泛型	都用 <T>，如 List<T>（C#） ↔ Array<T> 或 T[]（TS）。
访问修饰符	public/private/protected 在 TS 中用于编译期检查（运行时无作用，但 IDE 支持好）。
async/await	异步编程模型几乎一样：C# 用 Task<T>，TS 用 Promise<T>。

⚠️关键差异（需注意）

方面	C#	TypeScript
运行环境	编译为 .NET IL，在 CLR 上运行	编译为 JavaScript，在浏览器或 Node.js 中运行
类型系统	强制、严格（编译失败即错误）	可选 + 渐进式（可写纯 JS，但推荐全类型）
基础类型	int, bool, DateTime 等	基于 JS：number（无 int/float 区分）、boolean、string；无内置日期类型（用 Date 对象）
空值处理	null + 可空类型 int?	null 和 undefined 并存；开启 strictNullChecks 后类似 C# 可空引用
模块化	namespace / 程序集	ES 模块：import { x } from './file' / export（无 namespace）
变量声明	int x = 1; 或 var x = 1;	必须用 let / const：const x: number = 1;
函数定义	int Add(int a, int b) => a + b;	const add = (a: number, b: number): number => a + b;

🚀转型建议（3 步上手）

写法习惯调整
- 用 const/let 代替 var
- 用 import/export 组织代码
- 函数多用箭头函数 () => {}
善用 TS 的“超能力”
- 接口 (interface) 定义对象形状（比 C# 更灵活）
- 联合类型：string | number
- 类型推断强大，很多时候不用显式写类型
记住：TS ≠ 新语言，而是“带类型的 JS”
- 所有 JS 语法都合法
- 你的 C# 架构思维（SOLID、分层等）完全适用
- 差别主要在标准库和运行时 API（比如发 HTTP 请求用 fetch 而不是 HttpClient）

💡 一句话总结：

TypeScript = C# 的类型系统 + JavaScript 的灵活性 + 浏览器/Node.js 运行时。

你已具备 80% 的核心能力，只需适应 JS 生态和少量语法差异，就能高效开发！

C# 与 TypeScript 的典型代码对比

1.变量声明

// C#
string name = "Alice";
int age = 30;
var isActive = true; // 类型推断

// TypeScript
const name: string = "Alice";
let age: number = 30;
const isActive = true; // 类型自动推断为 boolean

✅ 建议：TS 中优先用 const（不可变）和 let（可变），避免 var。

2.函数定义

// C#
public int Add(int a, int b)
{
    return a + b;
}

// 或表达式体
public int Multiply(int a, int b) => a * b;

// TypeScript
function add(a: number, b: number): number {
    return a + b;
}
// 或箭头函数（更常见）
const multiply = (a: number, b: number): number => a * b;
// 返回类型通常可省略（TS 能推断）
const subtract = (a: number, b: number) => a - b;

3.类与继承

// C#
public class Animal
{
    public string Name { get; set; }
    
    public Animal(string name) => Name = name;
    
    public virtual void Speak() => Console.WriteLine("...");
}

public class Dog : Animal
{
    public Dog(string name) : base(name) { }
    
    public override void Speak() => Console.WriteLine("Woof!");
}

// TypeScript
class Animal {
    constructor(public name: string) {} // 自动创建并赋值 this.name
    speak(): void {
        console.log("...");
    }
}
class Dog extends Animal {
    speak(): void {
        console.log("Woof!");
    }
}

✅ TS 的 constructor(public name: string) 是语法糖，等价于 C# 的自动属性初始化。

4.接口（Interface）

// C#
public interface IPerson
{
    string Name { get; set; }
    int Age { get; }
    void Greet();
}

// TypeScript
interface Person {
    name: string;
    readonly age: number; // 只读 ≈ C# 的 { get; }
    greet(): void;
}

💡 TS 接口用于描述对象形状，不限于类实现，也可用于普通对象：

const person: Person = { name: "Bob", age: 25, greet() { console.log("Hi"); } };

5.泛型（Generics）

// C#
public class Box<T>
{
    public T Value { get; set; }
    
    public Box(T value) => Value = value;
}

var numberBox = new Box<int>(42);

// TypeScript
class Box<T> {
    constructor(public value: T) {}
}
const numberBox = new Box<number>(42);
// 或让 TS 推断
const stringBox = new Box("hello");

6.异步编程

// C#
public async Task<string> FetchDataAsync()
{
    using var client = new HttpClient();
    return await client.GetStringAsync("https://api.example.com/data");
}

// TypeScript（浏览器或 Node.js 环境）
async function fetchData(): Promise<string> {
    const response = await fetch("https://api.example.com/data");
    return await response.text();
}
// 或使用 axios（需安装）
import axios from 'axios';
async function fetchData2(): Promise<string> {
    const res = await axios.get<string>("https://api.example.com/data");
    return res.data;
}

✅ 概念一致：async/await + 容器类型（Task<T> ↔ Promise<T>）

7.空值处理（启用 strict 模式）

// C#
string? maybeName = GetName(); // 可空引用类型（C# 8+）
if (maybeName != null)
    Console.WriteLine(maybeName.Length);

// TypeScript（tsconfig.json 中开启 "strictNullChecks": true）
function getName(): string | null {
    return Math.random() > 0.5 ? "Alice" : null;
}
const maybeName = getName();
if (maybeName !== null) {
    console.log(maybeName.length); // 安全访问
}

🔒 强烈建议在 tsconfig.json 中启用 strict: true，获得接近 C# 的空安全体验。

总结：你的 C# 经验可以直接迁移！

C# 概念	TypeScript 对应
class	class（几乎一样）
interface	interface（更灵活）
List<T>	T[] 或 Array<T>
Task<T>	Promise<T>
namespace	不用 → 改用 import/export
HttpClient	fetch 或 axios

你缺的只是 JavaScript 运行时 API 和 前端/Node.js 生态 的熟悉度，语言本身对你来说几乎没有学习曲线！

到此这篇关于浅谈熟悉C#如何转TypeScript的文章就介绍到这了,更多相关C#转TypeScript内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

C#读写文本文件的方法
这篇文章主要介绍了C#读写文本文件的方法,实例分析了C#操作文本文件的原理与实现技巧,需要的朋友可以参考下
2015-06-06
C#中的DateTime是值类型还是引用类型
近期遇到了DateTime到底是值类型还是引用类型的疑惑，顺势较深入地了解一下DateTime相关的内容，大家有需要的朋友可以参考下
2017-04-04
C#多线程之Thread类详解
这篇文章主要为大家详细介绍了C#多线程之Thread类，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
.Net(c#)汉字和Unicode编码互相转换实例
下面小编就为大家带来一篇.Net(c#)汉字和Unicode编码互相转换实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
C#实现FTP上传文件的方法
这篇文章介绍了C#实现FTP上传文件的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-04-04
C#实现嵌套循环的示例代码
这篇文章主要为大家详细介绍了C#实现嵌套循环的相关知识,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起学习一下
2023-09-09
设计模式速记
本文主要介绍了设计模式：创建型模式；结构型模式；行为型模式三大类。具有很好的参考价值，相信有助于大家记忆与学习，下面跟着小编一起来看下吧
2017-02-02
WPF实现手风琴式轮播图切换效果
这篇文章主要为大家详细介绍了WPF实现手风琴式轮播图切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
C#利用Windows自带gdi32.dll实现抓取屏幕功能实例
这篇文章主要介绍了C#利用Windows自带gdi32.dll实现抓取屏幕功能,是C#程序设计中常见的一个重要技巧,需要的朋友可以参考下
2014-08-08
C# Mqtt 断线重连的实现代码
这篇文章主要介绍了C# Mqtt 断线重连，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09