浅谈熟悉C#如何转TypeScript

C# 转 TypeScript：你已掌握 80%

先给你吃一颗定心丸——如果你熟悉 C#，转 TypeScript 的过程远比你想象中要平滑。很多核心概念基本就是照着搬过来的，甚至连语法结构都有惊人相似之处。让我们一项项拆开来看，心里先有个数。

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

看完这张表，你是不是觉得心里踏实多了？没错，你在 C# 里积累的类型思维、面向对象设计理念，在这里基本都派得上用场。

⚠️ 关键差异（需注意）

差异主要集中在运行环境和基础 API 上，类型系统方面也只是严格程度的差别。当你习惯了 C# 的强制类型检查，TS 那种“可选+渐进”的方式可能会让你有点不踏实——但反过来看，这恰恰给了你更多的灵活性。

? 转型建议（3 步上手）

第一步：写法习惯调整

• 用 const/let 代替 var
• 用 import/export 组织代码
• 函数多用箭头函数 () => {}

第二步：善用 TS 的“超能力”

• 接口 (interface) 定义对象形状（比 C# 更灵活）
• 联合类型：string | number
• 类型推断强大，很多时候不用显式写类型

第三步：记住：TS ≠ 新语言，而是“带类型的 JS”

• 所有 JS 语法都合法
• 你的 C# 架构思维（SOLID、分层等）完全适用
• 差别主要在标准库和运行时 API（比如发 HTTP 请求用 fetch 而不是 HttpClient）

? 一句话总结：

TypeScript = C# 的类型系统 + Ja vaScript 的灵活性 + 浏览器/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
{
    public T Value { get; set; }
    
    public Box(T value) => Value = value;
}

var numberBox = new Box(42);

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

6. 异步编程

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

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

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

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# 经验可以直接迁移！

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