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");
全部评论

相关推荐

点赞 评论 收藏
分享
头顶尖尖的程序员:我也是面了三四次才放平心态的。准备好自我介绍,不一定要背熟,可以记事本写下来读。全程控制语速,所有问题都先思考几秒,不要急着答,不要打断面试官说话。
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务