淺談熟悉C#如何轉(zhuǎn)TypeScript
更新時間：2026年05月10日 10:10:47 作者：向上的車輪
本文主要介紹了淺談熟悉C#如何轉(zhuǎn)TypeScript,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
?相同點（你已掌握的優(yōu)勢）
| 特性 | 說明 |
|---|---|
| 靜態(tài)類型 | TS 和 C# 都支持變量、參數(shù)、返回值的類型標注（如 string, number ≈ string, int）。 |
| 類與面向?qū)ο?/td> | class、interface、extends（繼承）、implements（實現(xiàn)接口）語法高度相似。 |
| 泛型 | 都用 <T>，如 List<T>（C#） ↔ Array<T> 或 T[]（TS）。 |
| 訪問修飾符 | public/private/protected 在 TS 中用于編譯期檢查（運行時無作用，但 IDE 支持好）。 |
| async/await | 異步編程模型幾乎一樣：C# 用 Task<T>，TS 用 Promise<T>。 |
??關鍵差異（需注意）
| 方面 | C# | TypeScript |
|---|---|---|
| 運行環(huán)境 | 編譯為 .NET IL，在 CLR 上運行 | 編譯為 JavaScript，在瀏覽器或 Node.js 中運行 |
| 類型系統(tǒng) | 強制、嚴格（編譯失敗即錯誤） | 可選 + 漸進式（可寫純 JS，但推薦全類型） |
| 基礎類型 | int, bool, DateTime 等 | 基于 JS：number（無 int/float 區(qū)分）、boolean、string；無內(nèi)置日期類型（用 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; |
| 函數(shù)定義 | int Add(int a, int b) => a + b; | const add = (a: number, b: number): number => a + b; |
??轉(zhuǎn)型建議（3 步上手）
寫法習慣調(diào)整
- 用
const/let代替var - 用
import/export組織代碼 - 函數(shù)多用箭頭函數(shù)
() => {}
- 用
善用 TS 的“超能力”
- 接口 (
interface) 定義對象形狀（比 C# 更靈活） - 聯(lián)合類型：
string | number - 類型推斷強大，很多時候不用顯式寫類型
- 接口 (
記?。篢S ≠ 新語言，而是“帶類型的 JS”
- 所有 JS 語法都合法
- 你的 C# 架構(gòu)思維（SOLID、分層等）完全適用
- 差別主要在標準庫和運行時 API（比如發(fā) HTTP 請求用
fetch而不是HttpClient）
?? 一句話總結(jié)：
TypeScript = C# 的類型系統(tǒng) + JavaScript 的靈活性 + 瀏覽器/Node.js 運行時。
你已具備 80% 的核心能力，只需適應 JS 生態(tài)和少量語法差異，就能高效開發(fā)！
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 中優(yōu)先用
const（不可變）和let（可變），避免var。
2.函數(shù)定義
// 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;
}
// 或箭頭函數(shù)（更常見）
const multiply = (a: number, b: number): number => a * b;
// 返回類型通?？墒÷裕═S 能推斷）
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) {} // 自動創(chuàng)建并賦值 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 接口用于描述對象形狀，不限于類實現(xiàn)，也可用于普通對象：
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 環(huán)境）
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# 的空安全體驗。
總結(jié)：你的 C# 經(jīng)驗可以直接遷移！
| 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 生態(tài) 的熟悉度，語言本身對你來說幾乎沒有學習曲線！
到此這篇關于淺談熟悉C#如何轉(zhuǎn)TypeScript的文章就介紹到這了,更多相關C#轉(zhuǎn)TypeScript內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了使用C#發(fā)送帶附件的電子郵件的方法的代碼示例分析,文中還提到了利用163的SMTP服務器發(fā)郵件的方法,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了c# 基于任務的異步編程模式的異常處理方法，幫助大家更好的理解和學習c#2020-11-11
C#實現(xiàn)導出數(shù)據(jù)庫數(shù)據(jù)到Excel文件
利用C#編程語言的強大特性和豐富的.NET庫支持,開發(fā)人員可以高效地完成從數(shù)據(jù)庫到Excel文件的數(shù)據(jù)遷移,下面就跟隨小編一起學習一下具體操作吧2024-12-12
這篇文章主要給大家介紹了關于C#中ComboBox控件詳細使用的相關資料,ComboBox控件是一個很容易使用出錯的控件,在此將常用的操作寫下來,以備后用,需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細介紹了C#?winForm自定義彈出頁面效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
C#利用Spire.PDF for .NET實現(xiàn)將PDF轉(zhuǎn)換為SVG
在現(xiàn)代應用開發(fā)中,PDF 是最常用的文檔格式之一,然而當需要將 PDF 內(nèi)容集成到網(wǎng)頁、矢量圖編輯器或者可縮放圖形環(huán)境中時,SVG 格式往往更具優(yōu)勢,下面我們就來看看如何使用C#實現(xiàn)將PDF轉(zhuǎn)換為SVG吧2026-01-01
其他窗口比較常用，就不介紹了,是不是有一些你沒用到的窗口呢？2013-05-05
這篇文章主要為大家介紹了C#將異步改成同步方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01
這篇文章主要介紹了Winform控件優(yōu)化之圓角按鈕，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-08-08
本文主要介紹了C#中幾種多線程調(diào)用方式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-09-09