TypeScript语法基础1 TypeScript 是什么2 获取TypeScript3 变量声明4 数据类型4.1 Boolean、Number、String、字面量4.2 any与unknown4.3 void与never4.4 Object、Array、Enum5 Map 对象6 TypeScript 元组7 TypeScript 联合类型8 循环结构 1 TypeScript 是什么T
在讨论它们的区别之前,我们先来看看它们的相似之处。两者都可以被继承interface 和 type 都可以继承。另一个值得注意的是,接口和类型别名并不互斥。类型别名可以继承接口,反之亦然。对于一个接口,继承另一个接口interface PartialPointX { x: number; } interface Point extends PartialPointX { y: number; }或
文章目录​​可选参数​​​​默认参数​​​​剩余参数​​​​返回值类型​​ 在Typescript中,函数的类型包含了参数类型、返回值类型、this类型和函数重载参数类型,就是函数参数添加类型注解,比如:function add(num1: number, num2:) { return num1 + num2;}add(1, 2)如果函数参数没有指定类4型的话,就会默认为any类型。可选
原创 2022-10-28 05:01:54
75阅读
在学习TypeScript之前,我们需要先知道怎么才能让TypeScript写的东西正确的运行起来。有两种方式:使用Visual studio 和使用 NodeJs。这里我选择的是NodeJs来编译TypeScript,因为我笔记本上的VS是2012的,在TypeScript的官网看到下载是TypeScript for VS2013和TypeScript for VS2015。额,顺带贴上Type
转载 2024-03-11 11:51:04
103阅读
一、创建 package.json输入如下命令之后,会要求填写基本的配置信息,这里,我们选择一路回车即可,待生成 package.json 文件之后,再来配置。npm init二、配置 package.json当然,.json 文件是不允许写注释的,这里只是方便大家阅读而已{ // 包的名称 "name": "sg-utils", // 包的版本号 "version": "1.4.
类型推论如果没有明确指定类型typescript会根据类型推论的规则推断出一个类型。注意: 如果定义的时候没有赋值,不管之后有没有赋值,都会被推断为any类型而完全不被类型检查联合类型联合类型表示取值可以为多种类型中的一种。 使用| 来分隔类型 示例代码:let myFavoriteNumber: string | number;注意: 当不确定一个联合类型的变量到底是哪个类型的时候,只能访问此
文章目录TypeScript类基本使用的补充抽象类的使用类的类型 TypeScript类基本使用的补充抽象类的使用我们知道,继承是多态使用的前提。所以在定义很多通用的调用接口时, 我们通常会让调用者传入父类,通过多态来实现更加灵活的调用方式。但是,父类本身可能并不需要对某些方法进行具体的实现,所以父类中定义的方法,,我们可以定义为抽象方法。什么是抽象方法? 在TypeScript中没有具体实现的
原创 2022-07-31 00:06:44
80阅读
t
原创 2023-02-11 10:17:36
61阅读
1:type annotation 类型注解就是在声明变量的时候,显式的声明他的类型let count: number; count = 123;这段代码就是类型注解,意思是显示的告诉代码,我们的count变量就是一个数字类型,这就叫做类型注解。是不是一下就明白了,其实程序这东西就这么简单,真正复杂的是人。2:type inferrence 类型推断let countInference = 123
一:浅议引文---在基于名义类型类型系统中,数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的例如在Java中的定义  String string = 'java',我们必须string显式的生命是String类型的,在TS中,所有的数据类型基本都是结构类型,我们通过new操作符构造出来的数据,都会根据其结构成员来分析出其结构类型;例如:class Animal {
一、TypeScript-接口1. TypeScript-接口定义在TypeScript中,通用性的规范,一般使用接口进行定义。接口可以用来定义通用属性interface Person { name: string; // ?表示可有可无的参数 age?: number; // 如果是readonly修饰,表示这个变量只能被读取,不能进行赋值 readonly sex: str
转载 2023-12-09 15:11:06
155阅读
文章目录类型保护typeofinstanceofin字面量类型保护自定义类型保护类型操作typeofkeyof 获取类型的所有 key 的集合in类型兼容缺少的方法会报错,不兼容多余的方法会兼容接口实现不存在的方法 类型保护我们通常在 JavaScript 中通过判断来处理⼀些逻辑 在 TypeScript 中这种条件语句块还有另外⼀个特性: 根据判断逻辑的结果,缩⼩类型范围(有点类似断⾔),这
转载 2024-02-25 19:44:34
73阅读
TypeScript 和 JavaScript 的区别TypeScript和JavaScript是目前项目开发中较为流行的两种脚本语言,我们已经熟知TypeScript是JavaScript的一个超集。JavaScript和TypeScript的主要差异:1、TypeScript可以使用JavaScript中的所有代码和编码概念,TypeScript是为了使JavaScript的开发变得更加容易而
用于记录自己对typescript学习笔记1.类型断言 ① 变量 as 类型 ②<类型>变量2.类型 基本类型 number / string / boolean / any(不推荐)let a:number; // 类型声明let a:object; // 不推荐用于声明对象在js中object类型 { } / [ ] / function(){}// 对象声明 let b:{nam
转载 2024-06-04 23:49:01
85阅读
const f =()=>{ console.log(this) let a=5 console.log(this) console.log(this) this.ak =3} f() let a ={} a['k'] =3
转载 2018-09-08 15:54:00
156阅读
2评论
本文讲述了如何将 JavaScript 项目迁移到 TypeScript 上,以及如何在项目中添加 TypeScript 配置,编写 TypeScript 代码。一、插件安装安装项目所需插件,一般对应的模块都会有对应的 @types 插件可以使用。不知道的是否需要安装对应的 @types 插件的话,可以到 TypeSearch# 安装项目中使用的插件 $ npm install typescrip
转载 2024-06-09 07:29:04
31阅读
TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。TypeScript的基础类型有:布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null和Undefined、never变量声明方式:  let 变量名:变量类型 = 值let isDone: boolean = false; //布尔值 let decLiteral:
目录前言一、基本类型(I)1、布尔类型2、数字类型3、字符串类型4、数组类型5、元组类型6、枚举类型二、基本类型(II)1、任意类型 2、Void类型3、Null 和 Undefined类型4、Never类型5、Object类型三、类的断言前言TypeScript 是一种强类型编程语言,它建立在 JavaScript 的基础上,可以在任何规模上提供更好的工具。TypeScript代码转换
类型兼容性类型兼容性用于确定一个类型能否赋值其他类型TypeScript里的类型兼容性是基于结构子类型的。 结构类型是一种只使用其成员来描述类型的方式。 它正好与名义(nominal)类型形成对比(在基于名义类型类型系统中,数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的。这与结构性类型系统不同,它是基于类型的组成结构,且不要求明确地声明。)。通常来说结构相同,类型也就兼容。
  • 1
  • 2
  • 3
  • 4
  • 5