TypeScript入门

最新推荐文章于 2025-05-30 21:55:36 发布

原创最新推荐文章于 2025-05-30 21:55:36 发布 · 241 阅读

CC 4.0 BY-SA版权

本文介绍TypeScript作为JavaScript的超集，如何通过类型声明增强代码的健壮性，包括基本数据类型、任意值类型及模块化的使用。TypeScript可运行于任何浏览器、计算机和操作系统，且开源，通过npm安装，能编译成纯JavaScript。

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript
TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的

通过npm环境下载TypeScript

	npm install -g typescript

在这里插入图片描述
创建greeter.ts，编译代码
在命令行上，运行TypeScript编译器

	tsc greeter.ts

输出结果为一个greeter.js文件，它包含了和输入文件中相同的JavsScript代码
在这里插入图片描述

为什么要用TypeScript？
1.可以声明变量的类型

	var foo: string;
	foo = true; // 报错

在这里插入图片描述
TypeScript基本数据类型

布尔类型（boolean）
数字类型（number）
字符串类型（string）
数组类型（array）
元组类型（tuple）
枚举类型（enum）
任意值类型（any）

	let a: any;
	a = true;
	a = 10;
	a = "hello world";
	a = [1, 2, 3];
	a = [10, "hhh"];

null和undefined
void类型
never类型

2.模块化
关键词module，类似创造一个命名空间，export控制是否可以被外部访问
module可以嵌套，通过.访问

	module Project { 
	  export module Core { 
	    function FuncA() { }
	    export function FuncB() {
	      FuncA(); // ok
	    }
	  }
	}
	module Project.Core{
	  export function FuncC() {
	    FuncA(); // error
	    FuncB(); // ok
	  }
	}

上述三个方法，Project中嵌套使用了module，所以Project.Core.FuncA()无法被访问
而Project.Core中使用了export，所以Project.Core.FuncB()和Project.Core.FuncC()都可以被访问