語法
一般結構
TypeScript的基本結構類似於JavaScript，但引入了類型註解等特性。以下是一個簡單的TypeScript程序的結構：
// Import 模塊
import { someFunction } from './someModule';
// 類型註解
let message: string = "Hello, TypeScript";
// 函數
function greet(name: string): string {
return `Hello, ${name}`;
}
// 類
class Greeter {
greeting: string;
constructor(message: string) {
this.greeting = message;
}
greet(): string {
return `Hello, ${this.greeting}`;
}
}
// 創建實例
let greeter = new Greeter(message);
console.log(greeter.greet());
程式進入點
TypeScript程序的進入點與JavaScript一樣，是通過一個入口文件來啟動的。在Node.js環境中，通常是index.ts或app.ts：
// index.ts在前端應用中，入口文件通常由構建工具（如Webpack）配置：
import { Server } from './server';
const server = new Server();
server.start();
// src/main.ts
import { App } from './app';
const app = new App();
app.initialize();
註解
單行註解
單行註解使用//符號，與JavaScript完全相同：
// 這是一個單行註解
let singleLineComment: string = "This is a single line comment";
多行註解
多行註解使用/* */符號，與JavaScript一致：
/*
這是一個多行註解
可以跨越多行
*/
let multiLineComment: string = "This is a multi-line comment";
變數
單個變數
TypeScript中變數的定義與JavaScript類似，但可以加上類型註解：
let name: string = "John";
let age: number = 30;
let isStudent: boolean = true;
可以使用let、const和var來定義變數，但建議使用let和const：
const pi: number = 3.14; // 常量
let count: number = 10; // 可變變數
多個變數賦值
在TypeScript中可以通過解構賦值來同時給多個變數賦值：
// 數組解構
let [first, second]: [number, number] = [1, 2];
// 對象解構
let person = {
name: "Alice",
age: 25
};
let { name, age }: { name: string; age: number } = person;
以上內容涵蓋了TypeScript語法中的一般結構、程式進入點、註解和變數賦值的基本知識。這些知識將幫助你開始使用TypeScript進行開發。
