(摘) TypeScript 仅入门

声明:内容源自网络,版权归原作者所有。若有侵权请联系我们

IT是更新换代、升级最快的,TypeScript又更新了,我都还没有认真学习过。

TypeScript 是 JavaScript 的一个超集。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

看网友的反馈,不过似乎并没有得到足够的好评。或许WASM才是终极方案。

第一个 TypeScript 实例

const hello : string = "Hello World!"
console.log(hello)

Ubuntu上安装及运行

sudo apt install node-typescript 它也将安装node

tsc -v 显示版本

  1. tsc xx.ts 编译TypeScript为JavaScript

  1. node hello.js 运行,显示结果

tsc file1.ts file2.ts file3.ts 同时编译多个

接口

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.innerHTML = greeter(user);

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) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);

看起来它其实更像C++和Java了。

规则

  1. TypeScript 区分大小写

  2. 语句结尾分号是可选的,如果语句写在同一行则一定需要使用分号来分隔

  3. 注释

    单行注释 ( // ) − 在 // 后面的文字都是注释内容。

    多行注释 (/* */) − 这种注释可以跨越多行。

  4. TypeScript 与面向对象

    TypeScript 是一种面向对象的编程语言。

class Site { 
   name():void { 
      console.log("Runoob") 
   } 
} 
var obj = new Site(); 
obj.name();