TypeScript学习(1)--快速上手

简介

TypeScript是JavaScript类型的超集,它可以被编译成纯JavaScript

安装

  • npm install -g typescript
  • npm install -g ts-node

Hello World

新建一个1.ts文件

#!/usr/bin/env ts-node
console.log('hello world')

然后命令行输入 npx ts-node 1.ts

图片说明
就看到了激动人心的hello world

类型注解

先输入如下代码

#!/usr/bin/env ts-node
function greeter(person: string) {
    return "Hello, " + person;
}

let user = "Jane User";

console.log(greeter(user))

然后尝试把person改成Number类型
图片说明
可见报错了

接口

传入的参数只要符合借口的数据类型就行

#!/usr/bin/env ts-node
interface Person {
    age: Number,
    name: String
}
function hello(person: Person) {
    console.log(`我是${person.name},今年${person.age}岁`)
}
let xiaoming = { age: 1, name: '小明' }
hello(xiaoming) //我是小明,今年1岁

注意:

  • 类和接口可以一起共作
  • 构造函数的参数上使用public等同于创建了同名的成员变量
class Student {
    fullName: string;
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}
interface Person {
    firstName: string;
    lastName: string;
}
function greeter(person : Person) {
    console.log("Hello, " + person.firstName + " " + person.lastName);
}
let user = new Student("Jane", "M.", "User");
全部评论

相关推荐

感性的干饭人在线蹲牛友:🐮 应该是在嘉定这边叭,禾赛大楼挺好看的
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务