安装 TypeScript
首先，确保你的系统上安装了 Node.js 和 npm（Node.js 包管理器）。然后，通过以下命令安装 TypeScript：
npm install -g typescript
创建 TypeScript 项目
1. 创建一个新目录，进入该目录：
mkdir my-ts-project
cd my-ts-project
2. 初始化 TypeScript 项目：
tsc --init
这会创建一个 tsconfig.json 文件，其中包含 TypeScript 编译器的配置选项。
编写 TypeScript 代码
在项目目录下创建一个 TypeScript 文件，例如 app.ts，并编写一些简单的 TypeScript 代码：
// app.ts
function sayHello(name: string) {
return `Hello, ${name}!`;
}
const greeting = sayHello('TypeScript');
console.log(greeting);
编译 TypeScript 代码
在命令行中运行以下命令来编译 TypeScript 代码：
tsc
这将根据 tsconfig.json 中的配置生成相应的 JavaScript 文件。
运行 JavaScript 代码
在命令行中运行生成的 JavaScript 文件：
node app.js
你应该会看到输出：Hello, TypeScript!
类型注解和接口
TypeScript 的主要特性之一是静态类型。你可以为变量、函数参数和返回值添加类型注解，也可以使用接口定义对象的形状。以下是一个简单的例子：
// app.ts
interface Person {
name: string;
age: number;
}
function greet(person: Person) {
return `Hello, ${person.name}! You are ${person.age} years old.`;
}
const user: Person = { name: 'John', age: 30 };
const greeting = greet(user);
console.log(greeting);
类和继承
TypeScript 支持类和继承。以下是一个简单的类和继承的例子：
// app.ts
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
makeSound() {
return 'Some generic sound';
}
}
class Dog extends Animal {
makeSound() {
return 'Woof! Woof!';
}
}
const myDog = new Dog('Buddy');
console.log(myDog.makeSound()); // 输出: Woof! Woof!
模块
TypeScript 支持模块，你可以使用 import 和 export 语句来组织代码。以下是一个简单的模块示例：
// utils.ts
export function double(num: number) {
return num * 2;
}
// app.ts
import { double } from './utils';
const result = double(5);
console.log(result); // 输出: 10
转载请注明出处：http://www.zyzy.cn/article/detail/13006/TypeScript