TypeScript安装与基本使用

最新推荐文章于 2024-07-15 16:21:12 发布

Serein　

最新推荐文章于 2024-07-15 16:21:12 发布

阅读量316

点赞数

文章标签： typescript

本文链接：https://blog.csdn.net/x94410891/article/details/118280020

版权

TypeScript

初识TypeScript

TypeScript的介绍

TypeScript是由微软开发的开源,跨平台的编程语言,它是TypeScript的超集,最终会被编译为JavaScript代码

TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中

TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript

TypeScript特点

TypeScript主要有三大特点:

1)始于JavaScript,归于JavaScript

2)强大的类型系统

3)先进的JavaScript

TypeScript 程序由以下几个部分组成：

模块
函数
变量
语句和表达式
注释

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

安装TypeScript

命令

npm install -g typescript

查看是否安装好

tsc -V

在这里插入图片描述

TypeScript规则

1.TypeScript 区分大小写

2.TypeScript 保留关键字

TypeScript 保留关键字如下表所示：

break	as	catch	switch
case	if	throw	else
var	number	string	get
module	type	instanceof	typeof
public	private	enum	export
finally	for	while	void
null	super	this	new
in	return	true	false
any	extends	static	let
package	implements	interface	function
new	try	yield	const
continue	do

3.空白和换行

TypeScript 会忽略程序中出现的空格、制表符和换行符。

空格、制表符通常用来缩进代码，使代码易于阅读和理解。

4.TypeScript 区分大小写

TypeScript 区分大写和小写字符。

5.分号是可选的

每行指令都是一段语句，你可以使用分号或不使用，分号在 TypeScript 中是可选的，建议使用。

注释:

TypeScript 支持两种类型的注释

单行注释

我是单行注释

多行注释

我是多行注释

ts基本使用

1.创建一个index.html文件,引入js文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 直接引入ts文件,浏览器会报错(ts文件中只有单纯的js代码就不会报错) -->
    <!-- <script src="./aa.ts"></script> -->
    <script src="./aa.js"></script>
</body>
</html>

2.创建一个aa.ts文件,输入

(()=>{
  //str这个参数是string类型的
  function aa(str:string){
      return 'hello'+str
  }  
  let text='baby'
  console.log(aa(text))
})()

在这里插入图片描述

3.命令

通过命令把ts文件转换为js文件

tsc aa.ts

注意:我的aa.ts文件和index.html文件在同一目录下,不在同一目录下的话要写完整路径

在这里插入图片描述

为什么要引入js文件呢?

引入ts文件会报错

在这里插入图片描述

总结:

TypeScript在社区的流行度越来越高,它非常适用于一些大型项目,也非常适用于一些基础库,极大地帮助我们提升了开发效率和体验

Serein　

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
TypeScript安装与基本使用

TypeScript初识TypeScriptTypeScript的介绍TypeScript是由微软开发的开源,跨平台的编程语言,它是TypeScript的超集,最终会被编译为JavaScript代码TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中TypeScript是为大型应用的开发而设计,并且可以编译为JavaScriptTypeScript特点TypeScript主要有三大特点:1)始于JavaScript,
复制链接

扫一扫