typescript早在2013年就发布了第一个正式版本,印象中一直到了19年才大火起来。 三年过去了,一直是可用可不用的状态,于是很多人都没学习使用。 直到react和vue开始捆版上了ts,前端圈也开始了“内卷”,ts已经是不得不用的状态了。这次分享的是自己学习过程觉得掌握了就可以上手的内容,上手了之后通过项目多实践, 实践过程再学习深入的内容,应该就能比较快的掌握。学习过程贴的代码都是在在线
this可以说是Javascript里最难理解的特性之一了,Typescript里的 this 似乎更加复杂了,Typescript里的 this 有三中场景,不同的场景都有不同意思。this 参数: 限制调用函数时的 this 类型this 类型: 用于支持链式调用,尤其支持 class 继承的链式调用ThisType: 用于构造复杂的 factory 函数this 参数由于 javascrip
转载 2023-10-24 22:25:15
65阅读
目录一、TS简介1、定义 2、TS的特征或理解——面试题1.  类型系统2. 适用于任何规模3. 与标准同步4. 缺点3、TypeScript是什么——面试题 4、官网 二、运行环境1、环境搭建1)安装node (推荐16+)2)全局安装 typescript3)查看版本  4)创建tsconfig.js文件2、编译并运行 3、直接运行4
# TypeScript 中定义参数的 void TypeScript 是一种由 Microsoft 开发的编程语言,它为 JavaScript 增加了静态类型检查的功能。其主要目的在于提高 JavaScript 代码的可维护性和可扩展性。在 TypeScript 中,`void` 通常用于表示函数没有返回值。本文将探讨如何在 TypeScript 中定义参数的 `void` 函数,并通过实
?开发环境1:使用vscode 新建一个 06.ts 文件,运行下列示例。2:执行 tsc 06.ts --strict --alwaysStrict false --watch 3:安装nodemon( 全局安装npm install -g nodemon ) 检测.js文件变化重启项目,打印输出结果执行:nodemon 06.js 在JavaScript(ES5)中仅支持通过函数和原型链继承模
TypeScript中可选参数
转载 2023-07-02 22:13:27
104阅读
一、接口TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。1、对象接口用接口来约束参数的类型结构(对象的形状):约定对象的成员数量及类型要求只关注值的外形, 只要传入的对象满足提到的条件,那么它就是被允许的。对象是无序的:类型检查器不会检查属性的顺序,只要相应的属性存在且类型是对的就行。使用接口必须实现里面的必实
# 使用 TypeScript 根据名字拼音排序 ## 引言 在实际的开发过程中,经常会遇到需要对数据进行排序的情况。而根据名字拼音排序是一个常见的需求,特别是在中文环境下。本文将向你展示如何使用 TypeScript 实现根据名字拼音排序的功能。 ## 整体流程 下面是实现该功能的整体流程: | 步骤 | 描述 | | --- | --- | | 步骤一 | 引入拼音库 | | 步骤二 |
原创 2024-01-01 08:01:50
238阅读
从 0 到 1 掌握 TypeScript。 概述TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言。它是 JavaScript 类型的超集,它可以编译成纯 JavaScript。TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。TypeScript 大致有如下几个特点:静态输入:静态类型检查
转载 2024-03-11 17:41:26
234阅读
TypeScript是一种由Microsoft开发和维护的开源编程语言,它是JavaScript的一个超集, 可以在JavaScript的基础上添加静态类型、类、接口、命名空间等功能。TypeScript被设计成可选的静态类型系统, 即可以使用类型,也可以不使用类型,开发者可以根据需要逐渐添加类型信息。 TypeScript最初是为了解决JavaScript代码规模增大时出现的类型问题而创建的,
前言在 Typescript 中,对 JavaScript 函数进行了 “升级”,继承了基本功能的同时又增加了一些新用法(使其更加严谨)。用一个表格,可以大致描绘出异同点。TypeScriptJavaScript含有类型无类型箭头函数箭头函数(ES2015)函数类型无函数类型必填和可选参数所有参数都是可选的默认参数默认参数剩余参数剩余参数函数重载无函数重载这些您暂时不必搞懂,后面会有详细示例。箭头
常见的三种值类型数字类型// 申明一个数字类型的值 let a: number a = 10字符串类型// 申明一个字符串类型的值 let b: string = 'hello'布尔类型// 申明一个bool类型的值 let c: boolean = truePS:类型注释冒号 + 类型的叫类型注释即: string这种叫类型注释其他常见类型字面量类型// 字面量进行类型申明(字面量:即就是这个值
前几个月我们重构了消息通知机制,重构前每新增一种消息都需要新增以下代码:一个服务器端消息类,如 ServerTaskAssignedMessage,提供若干个方法,比如 buildEmailOptions、buildPushOptions。一个客户端消息类,如 ClientTaskAssignedMessage,提供一个方法 buildNotificationOptions。补充多处类
TypeScript基础类型序号数据类型关键字描述1任意any声明为 any 的变量可以赋予任意类型的值。2数值number双精度 64 位浮点值。它可以用来表示整数和分数。3字符串string一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。4布尔boolean表示逻辑值:true 和 false。5数组无声明变量为数组。6元组无元组类型用来表
# Python 名字的数组:深入理解 NumPy 结构化数组 在 Python 中,数组是一种非常重要的数据结构,用于存储一系列的数据。Python 标准库提供的列表可以用于处理数组,但在数据科学和数值计算的领域,NumPy(Numerical Python)库提供了更加灵活和高效的数组操作功能。尤其是 NumPy 中的结构化数组,它允许用户为数组中的每个元素指定名称,使数据管理更加直观和便
原创 2024-08-03 07:39:32
74阅读
1、静态属性静态方法 在es5中 // 静态属性 静态方法function Person(){ this.run1=function(){ } } Person.name='哈哈哈'; Person.run2=function(){ 静态方法 } var p=new Person(); Person.name//静态属
TypeScript 类型判断
转载 2023-06-28 22:44:04
83阅读
一、对象的类型——接口在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型1、简单例子interface Person { name: string; age: number; }; let tom: Person = { name: 'terminals ', age: 25 };上面的例子中,我们定义了一个接口 Perso
转载 2023-12-23 20:44:42
54阅读
安装环境 黑窗口内输入 npm i -g typescript 新建一个 xxx.ts文件,输入一些基础的代码 var a:string = '12345' 执行ts文件 黑窗口内输入 tsc xxx.ts当前文件夹中生成了与ts文件名称相同后缀不同的文件 xxx.js 其内容均为js代码。typescript 数据类型string number boolean null undefined en
创建线程子线程在创建时启动。使用功能std::thread类创建线程对象。  线程关联的可调对象可以是:普通函数、仿函数对象、Lambda表达式、非静态成员函数、静态成员函数。示例 普通函数1 #include <thread> 2 #include <iostream> 3 4 using namespace std; 5 6 void test() 7
  • 1
  • 2
  • 3
  • 4
  • 5