浅谈熟悉C#如何转TypeScript_Asp.net

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

特性	说明
静态类型	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