TypeScript Hello wrold
hello world
function helloWorld():void{
console.log('hello world')
}
// hello world
helloWorld()
下面让我们看一个稍微复杂一些的例子,可以了解更多 ts 相关的一些核心语法
// 基本类型
let name: string = 'Tom'
let age: number = 25
// 函数
function sayHello(name: string): void {
console.log(`Hello ${name}!`)
}
sayHello(name)
// 接口
interface Person {
name: string
age: number
}
// 类
class Student {
name: string
age: number
constructor(name: string, age: number) {
this.name = name
this.age = age
}
hello() {
console.log(`Hi, my name is ${this.name}`)
}
}
let stu = new Student('Jack', 20)
stu.hello()
// 模块
import {A} from './moduleA'
let a = new A()
a.helloA()
你看到的就是一个基本的 TypeScript 代码示例,你只需要在命令行运行 tsc *.ts
就可以编译成 JavaScript 代码,然后在浏览器中运行
众所周知,ts 是 js 的一个改良,下面我们分析一下到底改良了什么部分
TypeScript 比 JavaScript 好的地方主要体现在以下几点:
- 类型系统
TypeScript 引入了静态类型,可以在编译阶段就发现大部分错误,提高了代码质量和可维护性。比如接口、类、泛型等类型系统都使代码更具可读性和内在逻辑。
- 更新的语言特性
TypeScript 相比 ES5/ES6 提供了许多新的语言特性,如枚举、装饰器等。这些特性可以编写出更简洁优雅的代码。
- 支持最新和未来的 JavaScript 特性
TypeScript 提供最新的 JavaScript 特性比如切片、Promise 等。还可以翻译未来的提案比如元组类型到当前版本 JavaScript,可以提前使用新特性。
接下来让我们开始 ts 的正式学习