TypeScript是一种开源编程语言。它由微软开发和维护。TypeScript在语法上遵循javascript,但增加了更多功能。这是一个 超集 当然是javascript。 下图描述了这种关系:
Typescript是纯面向对象的,具有类、对象和接口等特性,就像Java一样。在前面的javascript变量和对象中,我们不需要提及它们的数据类型,这使得整体逻辑很难理解,因为我们不知道我们处理的是什么类型的数据。Typescript解决了这个问题,并为开发人员提供了一种方法来声明变量和对象的数据类型。 typescript提供的一些内置类型包括:
- 编号: 整数和分数的64位双精度数字。
- 字符串: 一系列字符或字符串类型的数据。
- 无效: 用于不返回任何内容的函数。
- 无效的: 表示无值或空值
- 布尔值: 表示布尔值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[]; |
定义类、对象和函数的语法:
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,但他们理解javascript。因此,为了运行typescript代码,首先将其传输到javascript。 tsc: 是一个typescript编译器(transpiler),将typescript代码转换为javascript。 您可以通过运行以下命令来安装tsc:
npm install -g typescript
创建一个基本的打字脚本代码,打印“极客对极客的问候”:
javascript
var greet: string = "Greetings" ; var geeks: string = "Geeks For Geeks" ; console.log(greet + " from " + geeks); // save the file as hello.ts |
- 要编译typescript代码,我们可以在命令行上运行以下命令。
tsc hello.ts
此命令将生成名为hello的javascript文件。js
- 在命令行上使用以下命令运行javascript文件:
node hello.js
您应该在命令行上看到如下输出:
Greetings from Geeks For Geeks
打字脚本语言的应用:
- Angular 2+版本是用typescript编写的,并使用typescript,这证明了它在工业应用中的效率。
- Typescript使编译时错误诊断变得容易。
- Typescript具有可扩展性,并且很好地支持大型应用程序。
工具书类 1. http://www.typescriptlang.org/ 2. http://www.typescriptlang.org/docs/index.html