当前位置: 首页>编程语言>正文

TypeScript 主要为了解决什么问题 typescript可以做什么

1.ts初步介绍

2.ts开发环境的搭建

3.基本类型

4.编译选项介绍

5.结合构建工具webpack使用TS。


1.ts初步介绍:

什么是 TypeScript?

  • TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。
  • TypeScript 是一门静态类型、弱类型的语言。
  • TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。
  • TypeScript 可以编译为 JavaScript,然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。
  • TypeScript 拥有很多编译选项,类型检查的严格程度由你决定。
  • TypeScript 可以和 JavaScript 共存,这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。
  • TypeScript 增强了编辑器(IDE)的功能,提供了代码补全、接口提示、跳转到定义、代码重构等能力。
  • TypeScript 拥有活跃的社区,大多数常用的第三方库都提供了类型声明。
  • TypeScript 与标准同步发展,符合最新的 ECMAScript 标准(stage 3)。

2.ts开发环境的搭建

1.使用npm全局安装typescript

输入:npm i -g typescript

2.创建一个ts文件(后缀加上.ts的文件

3.执行编译:tsc  文件名.ts   就会生成一个编译好的js文件

3.基本类型:

1.类型声明:

  • 类型声明是TS非常重要的一个特点
  • 通过类型声明可以指定TS中变量(参数、形参)的类型
  • 指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错
  • 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值
let 变量:类型

let 变量:类型

let 变量:类型=值;

function fn(参数:类型,参数:类型):类型{
...

}

ts拥有自动的类型判断机制,当对变量和赋值是同时进行的,ts编译器会自动判断变量的类型

所以如果你的变量的声明和赋值时同时进行的,可以省略掉类型声明

基本类型有

类型

例子

描述

number

1, -33, 2.5

任意数字

string

'hi', "hi", hi

任意字符串

boolean

true、false

布尔值true或false

字面量

其本身

限制变量的值就是该字面量的值

any

*

任意类型

unknown

*

类型安全的any

void

空值(undefined)

没有值(或undefined)

never

没有值

不能是任何值

object

{name:'孙悟空'}

任意的JS对象

array

[1,2,3]

任意JS数组

tuple

[4,5]

元素,TS新增类型,固定长度数组

enum

enum{A, B}

枚举,TS中新增类型

1.number,字符串,布尔值类型声明

、、对aa 声明number类型,接下来的aa的赋值就必须是数字类型,其他类型就会报错
let aa:number 

、、对aa 声明字符串类型,接下来的aa的赋值就必须是字符串类型,其他类型就会报错
let bb:string


、、对aa 声明布尔类型,接下来的aa的赋值就必须是布尔类型,其他类型就会报错
let cc:boolean

TypeScript 主要为了解决什么问题 typescript可以做什么,TypeScript 主要为了解决什么问题 typescript可以做什么_字符串,第1张

 2.字面;量声明

let color:'red' | 'green' | 'yellow'  表示color 可以为这是哪个值,其他的不行

let c: boolean|string 

c=true   c='hellow'

3.any 表示任意类型,任意赋值

let d: any = 4;
d = 'hello';
d = true;

4.unknown

let notSure: unknown = 4;
notSure = 'hello';

5.void 用来表示为空,以函数为例,就表示函数没有返回值(null,undfined 在这里都是为空的意思)

6.never 声明没有值 ,不是为空的意思,是连有都没有

function error(message: string): never {
  throw new Error(message);
}

7.object 

语法:let b:{name:sting,age:number}

规定了 对象b的键名和值

b={name:'柳大华',age:18}

如果键名后面带有?号表示该属性是可选的,可写可不写


let C={name:string,[propname:string]:any]}

表示这个对象里必须有个name键名和字符串值, 其他的任意建明都可以但是值的为字符串类型

7.array

let aa:string[]  声明值为字符串类型的数组
       
       number[]   声明值为数字类型的数组
         Array<number> 声明值为数字类型的数组

8.元组:就是固定长度的数组

当赋值或访问一个已知索引的元素时,会得到正确的类型:

let tom: [string, number];
tom[0] = 'Tom';
tom[1] = 25;

tom[0].slice(1);
tom[1].toFixed(2);

也可以只赋值其中一项:

let tom: [string, number];
tom[0] = 'Tom';

https://www.xamrdz.com/lan/5pr1963232.html

相关文章: