📜  角度 4 中的材料 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:11:56.371000             🧑  作者: Mango

TypeScript - 一个强类型的JavaScript超集

TypeScript是由Microsoft开发的JavaScript超集,它添加了诸如类型注释,类,接口和枚举等特性,使得JavaScript代码更加可靠和易于维护。

特性
  • 强类型: TypeScript支持类型注释和类型推断,可以在编写代码时捕捉错误。
  • 面向对象编程: 支持类,接口,抽象类和多态。
  • ES6支持: TypeScript支持许多ES6语言特性,例如箭头函数,解构和迭代器。
  • 强大的工具集: TypeScript提供了丰富的工具来帮助开发人员编写更好的代码,例如编辑器插件和调试器。
安装

TypeScript可以通过npm进行全局安装:

npm install -g typescript
使用
  1. 编写TypeScript代码,例如:
function greeting(name: string) {
    console.log("Hello, " + name + "!");
}

greeting("TypeScript"); // 输出:Hello, TypeScript!
  1. 编译TypeScript代码到JavaScript:
tsc myfile.ts
  1. 在HTML中引入编译后的JavaScript:
<script src="myfile.js"></script>
示例

以下是一个使用TypeScript编写的简单计算器:

interface Calculator {
    add: (a: number, b: number) => number;
    subtract: (a: number, b: number) => number;
}

class BasicCalculator implements Calculator {
    add(a: number, b: number) {
        return a + b;
    }

    subtract(a: number, b: number) {
        return a - b;
    }
}

class ScientificCalculator implements Calculator {
    add(a: number, b: number) {
        return a + b;
    }

    subtract(a: number, b: number) {
        return a - b;
    }

    sin(a: number) {
        return Math.sin(a);
    }
}

let calculator = new BasicCalculator();
console.log(calculator.add(1, 2)); // 输出:3

calculator = new ScientificCalculator();
console.log(calculator.sin(Math.PI / 2)); // 输出:1
结论

TypeScript是一个强大的工具,可以帮助开发人员编写更加可靠和易于维护的JavaScript代码。它添加了许多有用的特性,例如类型注释和面向对象编程支持,同时保留了JavaScript的灵活性和易用性。如果你还没有尝试过TypeScript,强烈建议你开始学习并在项目中使用它。