侧边栏壁纸
博主头像
极简笔记博主等级

极简笔记,书写你的精彩程序人生!

  • 累计撰写 147 篇文章
  • 累计创建 24 个标签
  • 累计收到 8 条评论

目 录CONTENT

文章目录

TypeScript 介绍

极简笔记
2021-12-14 / 0 评论 / 6 点赞 / 1,100 阅读 / 2,118 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2021-12-14,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

TypeScript 介绍

1.typescript 是微软开发的一款开源编程语言,支持 ECMAScript 6 标准;
2.TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展,如 class / interface / module 等。这样会大大提升代码的可阅读性。
3.最新的 Vue 、React 也可以集成 TypeScript

JavaScript 与 TypeScript 的区别

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

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

TypeScript 安装

cnpm install -g typescript //全局安装
tsc -V 查看版本号

代码编辑
Var message:string="hello world";
console.log(message)
// 注:.ts 作为typescript 文件的扩展名
然后执行以下命令将 TypeScript 转换为 JavaScript 代码:
tsc test.ts
ts 文件浏览器本身 无法解析,需要转换成可以解析的 js 文件,就是 对应的 ts -> js 每次需要这么转,很麻烦,所以希望编辑完 ts 文件,能够自动转换成浏览器可以解析的文件,需要以下操作:
1.在项目中 需要 tsc --init // 生成 一个tsconfig.json 文件
2.在vscode 编辑器中,任务-运行任务,监控任务

在VUE 中 创建项目的时候,选择编辑语言为 typescript ,不用考虑能否编辑,vue 创建的时候,已经处理好
编辑完文件,自动形成可解析文件。

TypeScript基础数据类型

数据类型关键字描述
任意类型any声明为 any 的变量可以赋予任意类型的值。
数字类型number声明为数字类型
字符串类型string一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式
布尔类型boolean表示逻辑值:true 和 false
数组类型array声明变量为数组类型
元组Tuple元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
枚举enum枚举类型用于定义数值集合
voidvoid用于标识方法返回值的类型,表示该方法没有返回值。
nullnull表示对象值缺失
undefinedundefined用于初始化变量为一个未定义的值。
nevernevernever 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值

1.字符串
var name:string="hello world"

2.数字
var num:number=1
3.布尔
var flag:boolean=true

4.数组
//在元素类型上面加 [] //使用数组泛型
var numb:number[]=[1,2] var arry:Array=[1,2]

5.元组 //属于数组的一种,可以包含数字,字符串
var arr:[number,string]=[123,'1234']

6.枚举
enum color{green,red,blue};
var c:color=color.red;
console.log(c) // 1 如果标识符没有赋值,它的值是下标

7.null
var num:null //空类型

8.undefined
var name:number //undefined,定义未赋值,就是undefined

9.never //其他类型,包括(null,undefined),代表从不会出现的类型

10.any
var num:any

11.void
function run():void{
//表示方法没有任何返回类型
}

TypeScript 变量声明

变量是一种使用方便的占位符,用于引用计算机内存地址,我们可以把变量看做存储数据的容器。
typescript 变量的命名规则:
1.变量名可以包含数字和字母;
2.除了下划线_和美元符号$以外,不能包含其它特殊字符,包括空格;
3.变量名不能以数字开头
变量使用前需要申明,我们可以使用 var 来申明变量;
var [变量名]:[数据类型]=值
如:
var name:string='hello world'
申明变量的类型,没有初始值,变量值会设为 undefined
var name:string;
声明变量并初始值,但不设置类型类型,该变量可以是任意类型:
var name='string'
声明变量没有设置类型和初始值,类型可以是任意类型,默认初始值为 undefined:
var name;

TypeScript 申明属性的方式

1.public // 公共类型
表示可以在这个类里面使用,也可以在这个类外面使用

2.protected //保护类型
只在当前类和它的子类可以使用

3.private //私有
只在当前类才可以使用

注意:不写类型,默认是 public

6

评论区