Typescript-基础篇

typescript 中文教程 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。2012年十月份,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript 0.9,向未来的TypeScript 1.0版迈进了很大一步。 立即下载

在这里插入图片描述

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) {}
	}

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

TypeScript:TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,兼容JavaScript,可以加载JS代码然后运行 立即下载

相关推荐

不用FFmpeg!纯前端实现RTSP直播的3种现代方案对比(WebSocket/Wasm/WebCodecs)

本文深入探讨了纯前端实现RTSP直播的三种现代技术方案:WebSocket代理转发、Wasm解码和WebCodecs硬解。通过详细的架构设计、性能实测数据和兼容性分析,帮助开发者在安防监控、智慧城市等场景中选择最佳方案,实现低延迟、高效率的视频流处理。

lilh34434的博客 231

TypeScript入门实战笔记 -- 01 如何快速搭建 TypeScript 学习开发环境?

特别需要注意的是,VS Code 默认使用自身内置的 TypeScript 语言服务版本,而在应用构建过程中,构建工具使用的却是应用路径下 node_modules/typescript 里的 TypeScript 版本。基于它,我们无须在本地安装环境,只需要一个浏览器即可随时学习和编写 TypeScript,同时还可以方便地选择 TypeScript 版本、配置 tsconfig,并对 TypeScript 实时静态类型检测、转译输出 JavaScript 和在线执行。

King Saj 1002

Windows平台MuJoCo仿真环境配置与Qt集成实战

本文详细介绍了在Windows平台上配置MuJoCo物理仿真环境并与Qt框架集成的完整实战流程。内容涵盖从环境准备、库文件配置、项目创建到核心代码编写的每一步,重点解决了Windows下常见的编译链接错误和路径问题,帮助开发者在Windows系统中高效搭建机器人仿真与可视化控制开发环境。

weixin_29221753的博客 169

TypeScriptz学习笔记

TypeScriptz学习笔记 标签(空格分隔): TypeScript 撩课学院 安装TypeScript cnpm install -g typescript tsc -v // 查看版本 TypeScript初体验 1. 类型注解 function log(msg) { console.log('hello' + msg); } log('itlike'); log(10); 2. 接口 interface Person { name: string, sex: string,

qq_40640737的博客 1879

EPLAN电气设计精华 -模拟量传感器画法全解

本文介绍了EPLAN中模拟量压力传感器的标准画法要点,重点解析了电流型(4-20mA)、电压型(0-10V/0-5V)和特定应用型三种传感器的核心特点、典型符号、接线方式及应用场景。文章提供了EPLAN设备标识符示例,并分享了一个实际项目案例(XJC-Y01-20-4M传感器配合XJC-608T-F变送器和GSEE.GXLK-AI4S-I模块的应用),强调绘制前查阅技术资料的重要性。内容简明实用,有助于规范电气设计中的传感器绘制。

Qinmingyue13的博客 1179

node运行项目-Network: unavailable-没有ip地址

vscode运行vue项目后发现Network: unavailable 是什么情况呢?可能有一下三种情况:1.多个网卡原因:打开网络共享中心,把多余的网络禁用掉,只留一个2.在中配置host及public3.系统环境变量问题。

JackieDYH的博客 7538

TypeScript 的发展历史

2012-10:微软发布了 TypeScript 第一个版本(0.8),此前已经在微软内部开发了两年。 2014-04:TypeScript 发布了 1.0 版本。 2014-10:Angular 发布了 2.0 版本,它是一个基于 TypeScript 开发的前端框架。 2015-01:ts-loader 发布,webpack 可以编译 TypeScript 文件了。 2015-04:微软发布了 Visual Studio Code,它内置了对 TypeScript 语言的支持,它自身也是用 Ty

天高任鸟飞 2598

手把手教你学simulink(36.1)--ACAC变换器场景示例:基于 Simulink 的矩阵变换器(Matrix Converter)

矩阵变换器(Matrix Converter, MC)是一种直接将交流电(AC)转换为不同频率和幅值的交流电的电力电子设备。与传统的基于直流环节的变频器不同,矩阵变换器不需要中间的直流环节,而是通过双向开关直接在输入和输出之间进行能量传递。这种结构使得矩阵变换器具有更高的效率、更小的体积和更好的动态响应。在本项目中,我们将使用 MATLAB/Simulink 来建模和仿真一个矩阵变换器,并分析其性能。Simulink 是一个强大的仿真工具,特别适合用于电力电子系统的建模和仿真。

MHD0815的博客 1065

TypeScript 从入门到进阶之基础篇(一) ts基础类型篇

TypeScript 从入门到进阶 系列文章(一) 带你快速入门 进阶ts

枫ゞ的博客 1057

Autosar PNC网络管理配置-UserData的使用

之前配置的网络管理报文中的data都由ComM管理,后面客户新增了需求,最后两个byte需要发送,本文记录一下相关配置的修改能配置生成的,尽量不手码,毕竟手写一堆bug~

赞的博客 1903

Cesium雷达追踪追踪(圆锥体效果)

【代码】Cesium雷达追踪追踪(圆锥体效果)

God's asylum的博客 2931

TypeScript入门指南(基础篇)

写在前面 ts是拥有类型系统的js的超集,近年来非常火热。可以这么说,ts才是真正意义上的js。虽然ts的官方文档非常全面,但是对于原来没有接触过ts的同学来说,全篇通读下来需要耗掉不少时间,这篇文章旨在为尝试入门ts的同学使用。 本文将从以下几部分进行总结: TypeScript的优势 强类型与弱类型的区别 动态类型与静态类型的区别 基础类型 接口类型 函数 类 泛型 TypeScript的优势...

646

YOLO11改进-注意力-引入自调制特征聚合模块SMFA

SMFA(自调制特征聚合模块): SMFA模块用于协同建模局部和非局部信息,它分为两个分支:一个是EASA(Efficient Approximation of Self-Attention,简化的自注意力分支),用于捕获非局部信息;另一个是LDE(Local Detail Estimation,局部细节估计分支),用于捕获局部细节。EASA通过对输入特征进行下采样,然后利用全局特征的方差进行调制,再与原始特征进行聚合,提取非局部结构信息。LDE分支则通过卷积操作提取输入特征中的高频局部信息。

qq_64693987的博客 2206

TypeScript基础篇

TypeScript

zcm1433的博客 1463

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

TypeScript 从入门到进阶之基础篇(九) Class类篇

在JavaScript中class(类)是一种组织代码的方式,它允许我们创建对象和对象的行为。它是一种面向对象编程(OOP)的概念,在ES6中被引入,通过class关键字,可以定义类。使用class关键字可以定义类,通过类可以创建多个实例对象。本章将讲解如何在TypeScript 中使用class(类)。可以使用接口来定义类。可以在接口中定义类的属性和方法,并且类需要遵循接口的定义。");// 输出 "Woof!

枫ゞ的博客 1632

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

TypeScript 从入门到进阶之基础篇(八)函数篇

函数是一种可重复使用的代码块,是构建应用的一块基石。在本章我们将学习TypeScript 中如何定义函数。在JavaScript中,函数可以被定义、调用和传递给其他函数作为参数。函数可以用来组织代码,使其更加模块化和可读性,同时也提供了代码的重用性和灵活性。在TypeScript 使用函数的方法是直接定义函数所需参数的类型,也是最基本的用法//箭头函数写法需要注意的是 但我们的函数没有返回值时 ,就不能定义这个函数的返回值类型 (void除外)//正确写法//正确写法2。

枫ゞ的博客 1386

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

TypeScript 从入门到进阶之基础篇(十) 抽象类篇

TypeScript抽象类是一种用于定义其他类的基础类,它不能直接被实例化,只能被继承。抽象类可以包含属性、方法、以及其他抽象方法的定义。抽象方法只有定义而没有具体实现,需要在具体的子类中实现。抽象类通过使用关键字 abstract 来定义,而抽象方法通过在方法前加上关键字 abstract 来定义。抽象类和抽象方法用于定义类的行为和结构,并且可以提供一些通用的实现或规范,以供子类继承和实现。不能直接实例化:抽象类不能被直接实例化只能被继承后使用。可以包含属性和方法:抽象类中可以定义属性和方法。

枫ゞ的博客 2130

TypeScript 从入门到进阶之基础篇(三) 元组类型篇

在前面 我们学习了 在TypeScript 中如何使用、定义基础类型以及 TypeScript 中 引用类型的使用、定义,本章我们来讲解一个TypeScript 中独有的元组类型在TypeScript中,元组类型是一种特殊的数组类型,它允许你在一个数组中存储多个不同类型的元素。元组类型使用固定的序列来定义每个元素的类型,并且元素的数量是有限的。*注意:元组就是数组的变种是固定数量的不同类型的元素的组合。

枫ゞ的博客 1736

(TypeScript篇)一.基础

1.安装 1)安装命令 >npm install -g typescript 2)查看ts版本号(PS:ts指的是typescript) >tsc -v 3)编译命令 >tsc 文件名.ts 2.基础类型 1)布尔类型 let isDone: boolean = false; 2)数字类型 let age: number = 25; let binaryNumber: number = 0b1010; // 二进制数字 3)字符串类型 let...

er_ba的专栏 1054

[Typescript]基础篇之数组

[Typescript]基础篇之数组声明初始化数组解构数组迭代多维数组数组方法方法简介方法应用everysomeindexOflastIndexOfreducesortslicesplicepop 数组对象是使用单独的变量名来存储一系列的值。 声明 let arr:[datatype][] 初始化 let arr:[datatype][]=[val1,val2,val3...] let arr:[datatype][]= new Array(4) //初始化数组大小 let arr:[datatype][

前端 2458

typescript基础篇

TypeScript学习笔记 一、 TypeScript起步 1.1TypeScript简介 TypeScript 是由微软开发的一款开源的编程语言。 TypeScript 是 Javascript 的超级,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。 TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目。 谷歌也在大力支持 Typescript 的推广,谷歌的 angular2.x+就是基于 Typescript

weixin_44818614的博客 561

[Typescript]基础篇之声明

基础篇之声明变量声明什么是变量变量命名规则变量的使用声明变量的四种方式多类型变量声明变量单一类型变量可能是多个类型中的任意一种复杂类型变量的声明--类型别名的使用类型断言(Type Assertion)类型推断变量作用域文件声明什么是声明文件声明文件 变量声明 什么是变量 变量是一种占位符,用于引用计算机内存地址。可以把变量看做存储数据的容器。 变量命名规则 TypeScript 变量的命名规则: 可以包含数字和字母。 除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。 不能以

前端 544

神奇的TypeScript -- 基础篇

什么是TypeScript,她为什么神奇呢?我们再来一次,这一次我们好好来~

FengChen的进阶之路 1246

初探TypeScript 基础篇

前言 由于自己目前在学习typescript;想着边学习变做笔记,往后也可以翻出来看看,也分享出来给像我一样的初学者一起学习。望各位大佬指教。 简介 什么是TypeScript TypeScript是Javascript的类型的超级,它可以编辑成Javascript,编译出来的代码可以运行在任何浏览器上,TypeScript编译工具可以运行在任何服务器和系统上,并且它是开源的。 复制代码 为什么要...

weixin_34019929的博客 184
上一篇: 数据可视化之Echarts
下一篇: Typescript-函数篇
ZhandsomeZ
博客等级 码龄7年 122粉丝 185原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值