Typescript-基础篇

在这里插入图片描述

1. 什么是Typescript

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个严格超集,
并添加了可选的静态类型和使用看起来像基于类的面向对象编程语法操作 Prototype。
C#的首席架构师以及 Delphi 和 Turbo Pascal 的创始人安德斯·海尔斯伯格参与了 TypeScript 的开发。

TypeScript 设计目标是开发大型应用,然后转译成 JavaScript。
由于 TypeScript 是 JavaScript 的严格超集,任何现有的 JavaScript 程序都是合法的 TypeScript 程序。  

2. TypeScript的优点

支持ES6规范,学到的typescript语法未来是客户端脚本语言的主流语法。

强大的IDE支持: 
1、类型检查。 
2、语法提示。
3、重构(修改方法名称的时候会自动把引用的地方都重构)是Angular,React的首选开发语言

3. TypeScript中的数据类型

1.字符串类型
	let str: string = "typescript";
    const str2: string = "Spring";
	console.log(str);//typescript
	console.log(str2);// Spring
2. 数值
	let num: number = 20;
	console.log(num);
3. 布尔值
	let boo: boolean= true;
	console.log(boo);//true
4. 元组类型 是数组的一种,元组类型就是数组里面可以有其他类型的数据而且数据的位置要按照顺序进行排列
//必须按照顺序和类型进行赋值
let arr2: [number, string, boolean, null, undefined] = [10, '20', true, null, undefined];
console.log(arr2);//10, '20', true, null, undefined

5. 枚举类型 用来以数字表示特殊含义
   enum user {
    success,//默认是0
	error,//默认是1
	administrator,//默认是2
	jurisdiction,//默认是3
    };
    用法
    if (user.success === 0) {//通过判断下标确定是否匹配
        console.log('this is Success');
    }
    if (user.jurisdiction === 3) {
	    console.log('this is jurisdiction');
    }
6. any任意类型
	用any可以表示任意类型,但通常不建议使用,因为使用any类型的话,会丧失typescript所带来的类型检测
    const anyThing: any = 'string';
    const str10: any = undefined;
    const boo1: any = true;
    const nu5: any = null; 
7. 怎么给一个变量设置多个类型
	let num5: number | null | undefined = 50;
	num5 = null;
	console.log(num5);//null
	num5 = undefined;
	console.log(num5);//undefined;

9. Never 类型 never 是其它类型
	包括 null 和 undefined的子类型,代表从不会出现的值。
	这意味着声明为 never 类型的变量只能被 never 类型所赋值
	在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环),示例代码如下:
	let x: never;
	let y: number;
	
	// 运行错误,数字类型不能转为 never 类型
	x = 123;
	
	// 运行正确,never 类型可以赋值给 never类型
	x = (()=>{ throw new Error('exception')})();
	
	// 运行正确,never 类型可以赋值给 数字类型
	y = (()=>{ throw new Error('exception')})();
	
	// 返回值为 never 的函数可以是抛出异常的情况
	function error(message: string): never {
	    throw new Error(message);
	}
	
	// 返回值为 never 的函数可以是无法被执行到的终止点的情况
	function loop(): never {
	    while (true) {}
	}

谢谢观看!!! 如有不足,敬请指教

猜你喜欢

转载自blog.csdn.net/handsomezhanghui/article/details/107394251