📜  TypeScript 中的 Hello World

📅  最后修改于: 2022-05-13 01:56:40.313000             🧑  作者: Mango

TypeScript 中的 Hello World

TypeScript 是一种开源编程语言。它由 Microsoft 开发和维护。 TypeScript 在语法上遵循 javascript,但添加了更多功能。它是 javascript 的超集
下图描述了这种关系:

Typescript 纯粹是面向对象的,具有类、对象和接口等特性,就像Java一样。以前对于 javascript 变量和对象,我们不需要提及它们的数据类型,这使得整体逻辑难以理解,因为我们不知道我们在处理什么类型的数据。 Typescript 解决了这个问题,并为开发人员提供了一种方法来说明变量和对象的数据类型。
typescript 提供的一些内置类型是:

  1. number :整数和分数的 64 位双精度数。
  2. 字符串 :字符序列或字符串类型数据。
  3. void :用于不返回任何内容的函数。
  4. null :表示没有值或空值
  5. boolean :表示一个布尔值,true 或 false

定义变量的语法:

var variable_name : type;

例子 :

javascript
// declares a string type variable called name.
var name: string;
  
// declares a number type variable called amount.
var amount: number;
  
// declares a boolean type variable called check;
var checked: boolean;
  
// declares a string type variable called first_name and
// initializes with some value.
var first_name: string = "geeksforgeeks";
  
// declares an array of numbers called digits.
var digits: number[];


javascript
class Name {
    first_name: string;
    last_name: string;
  
    constructor(fname: string, lname: string)
    {
        first_name = fname;
        last_name = lname;
    }
    getName(): string
    {
        var fullname: string = first_name + last_name;
        return fullname;
    }
}
  
var author_name: Name;


javascript
var greet: string = "Greetings";
var geeks: string = "Geeks For Geeks";
console.log(greet + " from " + geeks);
// save the file as hello.ts


定义类、对象和函数的语法:

class Class_Name{
 // instance variables
 
 // constructor
 // Typescript allows only one constructor per class
 constructor(parameters){
 }

 // methods
}

var object_name:class_name;

function_name(): returntype{
// function_body
}

例子:

javascript

class Name {
    first_name: string;
    last_name: string;
  
    constructor(fname: string, lname: string)
    {
        first_name = fname;
        last_name = lname;
    }
    getName(): string
    {
        var fullname: string = first_name + last_name;
        return fullname;
    }
}
  
var author_name: Name;

运行 Typescript 代码

浏览器本身不理解 typescript,但他们理解 javascript。因此,为了运行打字稿代码,首先将其转译为 javascript。
tsc :是一个 typescript 编译器(transpiler),将 typescript 代码转换为 javascript。
您可以通过运行以下命令来安装 tsc:

npm install -g typescript

创建一个基本的打字稿代码,将打印“Geeks For Geeks 的问候”:

javascript

var greet: string = "Greetings";
var geeks: string = "Geeks For Geeks";
console.log(greet + " from " + geeks);
// save the file as hello.ts
  1. 要编译 typescript 代码,我们可以在命令行上运行以下命令。
    tsc hello.ts

    此命令将生成一个名为 hello.js 的 javascript 文件

  2. 在命令行上使用以下命令运行 javascript 文件:
    node hello.js

您应该在命令行上看到如下输出:

Greetings from Geeks For Geeks

TypeScript 语言的应用:

  • Angular 2+ 版本是用 typescript 编写的,并且使用 typescript,这证明了它在工业用途中的效率。
  • Typescript 使编译时错误诊断变得容易。
  • Typescript 是可扩展的,并且很好地支持大型应用程序。

参考
1. http://www.typescriptlang.org/
2. http://www.typescriptlang.org/docs/index.html