日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

TypeScript 是一種由微軟開(kāi)發(fā)的開(kāi)源編程語(yǔ)言，它是 JavaScript 的一個(gè)超集，添加了可選的靜態(tài)類(lèi)型和基于類(lèi)的面向?qū)ο缶幊蹋琓ypeScript 的設(shè)計(jì)目標(biāo)是提高代碼的可讀性和可維護(hù)性，同時(shí)保持對(duì) JavaScript 的兼容性，在許多方面，TypeScript 都可以被視為是 JavaScript 的一個(gè)更好的版本。

TypeScript 基礎(chǔ)

安裝 TypeScript

要開(kāi)始使用 TypeScript，首先需要在計(jì)算機(jī)上安裝它，可以通過(guò) Node.js 包管理器 npm 來(lái)安裝 TypeScript：

npm install g typescript

TypeScript 文件

創(chuàng)建一個(gè)名為 example.ts 的文件，然后在其中輸入以下內(nèi)容：

function greeter(person: string) {
    return "Hello, " + person;
}
let user = "TypeScript User";
console.log(greeter(user));

這個(gè)文件定義了一個(gè)名為 greeter 的函數(shù)，該函數(shù)接受一個(gè)字符串參數(shù) person，并返回一個(gè)問(wèn)候語(yǔ)，我們創(chuàng)建了一個(gè)名為 user 的變量，并將其值設(shè)置為 "TypeScript User"，我們調(diào)用 greeter 函數(shù)并將結(jié)果打印到控制臺(tái)。

編譯 TypeScript 文件

要編譯 TypeScript 文件，需要使用 tsc 命令：

tsc example.ts

這將生成一個(gè)名為 example.js 的 JavaScript 文件，可以使用 Node.js 來(lái)運(yùn)行此文件：

node example.js

輸出應(yīng)該是：

Hello, TypeScript User

TypeScript 特性

類(lèi)型注解

TypeScript 支持兩種類(lèi)型的注解：尖括號(hào)（<>）和方括號(hào)（[]），尖括號(hào)表示具體的類(lèi)型，而方括號(hào)表示任意類(lèi)型。

let numbers: number[] = [1, 2, 3]; // 數(shù)組中的所有元素都是數(shù)字類(lèi)型
let strings: string[] = ["TypeScript", "Rocks"]; // 同上
let mixed: (number | string)[] = [1, "two", 3, "four"]; // 混合類(lèi)型數(shù)組，可以包含數(shù)字和字符串類(lèi)型

接口

接口是一種描述對(duì)象結(jié)構(gòu)的方式，它們可以用來(lái)檢查一個(gè)對(duì)象是否具有特定的屬性和方法。

interface Person {
    firstName: string;
    lastName: string;
}
function greeter(person: Person): void {
    console.log("Hello, " + person.firstName + " " + person.lastName);
}

類(lèi)和對(duì)象繼承

TypeScript 支持類(lèi)和對(duì)象繼承。

class Animal {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
    move(distanceInMeters: number = 0) {
        console.log(${this.name} moved ${distanceInMeters}m.);
    }
}
class Dog extends Animal {
    bark() {
        console.log("Woof!");
    }
}
const dog = new Dog("Rufus");
dog.bark(); // Woof!
dog.move(10); // Rufus moved 10m. without specifying distance in meters. default value is used. and then the method of the parent class is called. which prints the output as mentioned above. but if we call the move method with a distance, it will be called from the Dog class and not from the Animal class. because of the way JavaScript works with classes and objects. and that's why we need to use the super keyword to call the method from the parent class. like this: dog.super.move(10); // Rufus moved 10m. which is the expected output. and now we have achieved our goal of calling the method from the parent class when needed. even though we are using an ES6 class syntax. which is similar to TypeScript classes. but they are not exactly the same thing. and there are some differences between them as well. which we will discuss later in this tutorial. on advanced topics section. where we will cover more complex topics related to TypeScript and its features. such as decorators, modules, async/await, etc...

網(wǎng)頁(yè)題目：TypeScript輸入輸出
文章起源：http://www.5511xx.com/article/cdjdccg.html