可选的模块加载和其它高级加载场景 有时候,你只想在某种条件下才加载某个模块。 在TypeScript里,使用下面的方式来实现它和其它的高级加载场景,我们可以直接调用模块加载器并且可以保证类型完全。编译器会检测是否每个模块都会在生成的JavaScript中用到。 如果一个模块标识符只在类型注解部分使用,并且完全没有在表达式中使用时,就不会生成require这个模块的代码。 省略掉没有用到的引用对性能
转载
2023-11-01 16:45:40
180阅读
TypeScript静态类型定义:静态类型一旦定义即不可改变,如我们的const,且继承了类型的apilet count : number = 1
//count为数字类型,不能为其他类型,同时count有了number的api,如toFiexd等等基础静态类型和对象静态类型基础静态类型 :加上数据类型const count : number = 918
const myName : string
转载
2023-10-19 09:38:10
173阅读
本篇学习记录对象,接口,元组, 字面量类型,枚举,any类型对象JS的对象是由key,value组成的,而在ts中对象的类型就是描述对象的结构声明对象:// 声明方法一:
let person :{name:string;age:number;sayHi(name:string):void;great():void } = {
name:'章三',
age:18,
sayHi(nam
转载
2023-09-04 17:06:11
814阅读
# 学习 TypeScript 定义动态元素的对象
作为一名新晋开发者,在学习 TypeScript 时,定义动态元素的对象是一个十分重要的技能。本文将教你如何实现这一功能,并提供详细步骤和示例代码。
## 流程概述
首先,我们将通过以下步骤来实现动态对象的定义:
| 步骤 | 描述 |
|----------
4.1对象概述TypeScript中的对象,是对生活中具体事物的抽象,使得我们可以通过
代码来描述具体的事情。
Ts中的对象也是由特征和行为组成,他们有各自的专业的名称,属性(特征)
和方法(行为)理解TS中的对象:一组相关的属性和方法的集合,并且是无序的。4.2创建对象对象的语法let person = {}此处的{}(花括号、大括号)来表示对象。而对象中没有属性和方法时,称为 空对象。 对象的
转载
2023-09-04 20:38:05
363阅读
TypeScript常用知识(类)如何理解类?类:可以理解为模版,通过模版可以实例化对象(面向对象的编程思想) 面向对象的特点:封装、继承、多态 一般写法(封装):class Animal{
// 定义属性
name="";
// 定义方法
sayHi(){
alert('hello!')
};
// 构造方法,实例化类的时候,自动调用
constructor(
转载
2024-04-08 12:04:20
92阅读
简介1. Typed JavaScript at Any Scale. 添加了类型系统的 JavaScript,适用于任何规模的项目。2.TypeScript 是静态类型:类型系统按照「类型检查的时机」来分类,分为动态类型和静态类型。动态类型是指在运行时才会进行类型检查,这种语言的类型错误往往会导致运行时错误。JavaScript 是一门解释型语言,没有编译阶段,所以它是动态类型静态类型是指编译阶
转载
2023-11-07 08:18:29
107阅读
需求是把网站首页修改成组件动态加载的,由于刚接触ng6 很多概念还不懂,只能是读ng6 的手册,其实代码很简单,但是概念理解不太到问,走了一些弯路,具体解决如下: 场景 根据api返回的json数据,根据读取到的组件,动态展示首页。 应用 ng6 中的动态组件 手册地址:https://www.angular.cn/guide/dynamic-component-loader 主要用的 Compo
转载
2024-05-06 22:34:53
120阅读
介绍在任何项目开发中,我们都会遇到定义常量的情况,常量就是指不会被改变的值。TS 中我们使用 const 来声明常量,但是有些取值是在一定范围内的一系列常量,比如一周有七天,比如方向分为上下左右四个方向。这时就可以使用枚举(Enum)来定义。基本使用enum Direction {
Up,
Down,
Left,
Right
}这样就定义了一个数字枚举,他有两个特点
转载
2023-09-16 13:49:40
1693阅读
TypeScript(一)TypeScript 的特性(静态类型、弱类型)、编译时报错、安装 文章目录TypeScript(一)TypeScript 的特性(静态类型、弱类型)、编译时报错、安装1. 什么是 TypeScriptTypeScript 的特性类型系统TypeScript 是静态类型TypeScript 是弱类型适用于任何规模与标准同步发展总结2. 安装 TypeScript编辑器3.
转载
2024-01-23 21:37:47
37阅读
## 实现 TypeScript 动态扩展对象
作为一名经验丰富的开发者,我将指导你如何实现 TypeScript 动态扩展对象。在本文中,我将按照以下步骤进行说明:
1. 创建一个基础对象
2. 定义扩展接口
3. 扩展对象
4. 使用扩展后的对象
下面是每一步需要做的事情以及相应的代码:
### 1. 创建一个基础对象
首先,我们需要创建一个基础对象,作为我们要扩展的起点。我们可以使
原创
2023-12-17 05:10:48
141阅读
## TypeScript 对象动态属性
在 TypeScript 中,我们经常需要定义对象和访问对象的属性。通常情况下,我们可以在对象里预先定义属性及其类型,并通过对象的属性来访问对应的值。但是有时候,我们需要在运行时动态地添加、删除或修改对象的属性。这就涉及到 TypeScript 中的对象动态属性。
### 什么是对象动态属性?
对象动态属性是指在运行时可以动态地添加、删除或修改对象的
原创
2024-01-25 13:50:28
201阅读
TypeScript 面向对象面向对象是程序中一个非常重要的思想,它被很多同学理解成了一个比较难,比较深奥的问题,其实不然。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说:
操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象一切操作都要通过对象,也就是所谓的面向对象,那么对象到底是什么呢?这就要先说到程序是什么
转载
2024-04-05 14:20:31
12阅读
文章目录TS常用类型类型注解常用基础类型原始类型复杂类型数组类型联合类型类型别名函数类型对象类型接口(interface)元组字面量类型枚举any类型TS中的typeof类型推论类型断言 TS常用类型类型注解let age: number = 18代码中的:number就是类型注解,约定遍历age的类型必须为number,否则就会报错常用基础类型JS已有类型原始类型:number/string/
转载
2024-04-23 14:58:24
2243阅读
typeScript 类类描述了所创建的对象共同的属性和方法。类的定义继承类里面的修饰符静态属性 静态方法抽象类 继承 多态类的定义class person {
name:string; //属性,省略public
constructor(n:string){
this.name = n
}
run():void{
console.
转载
2024-06-14 21:42:32
40阅读
本篇主要补充Ts申明类型1. 数组类型2. 对象3. 函数方法4. void (空)5. any6. unknown7. 断言8. &表示同时满足9. 类型别名10. type和接口的区别 1. 数组类型语法两种写法 :数组名:类型[ ]数组名:Array<类型>let arr: number[]
arr = [1, 2, 3, 4]
let newArr: Array&l
转载
2023-11-01 21:57:29
1477阅读
在typescript中,用接口(interface)来定义对象的类型。和java中的类和接口的关系类似。我在java书中看到接口是这样讲的:接口是一组常量和抽象方法的集合,抽象方法不给出方法体,由实现接口的类去实现,它提供方法声明与方法实现相分离的机制,使多个类之间表现出共同的行为能力。 意思就是将某一类东西(类)的共同点(属性或方法)抽离出来放在接口(对,这个就是接口)里面,但是这些
转载
2023-08-24 20:18:44
284阅读
1,面向对象的特性一:类,继承,见上一篇博客;2,面向对象的特性二:泛型(generic):参数化的类型,一般用来限制集合的内容;指定只能放某个类型的元素如下图中的尖括号中的Person,就代表一个泛型,说明workers必须是一个内容必须放的是Person类型数据的数组;例如:规定了数组workers的内容的类型后,如果声明了其他的内容,就会报错;44,45行是符合内容类型的,第46行就是报错了
转载
2024-07-31 09:14:04
31阅读
tsconfig.json配置{
"compilerOptions": {
"module": "es2015",
"target": "es2015",
"strict": true,
"outDir": "./dist",
"noEmitOnError": true
},
"include": [
"./src/**/*"
]
}
转载
2024-05-16 07:50:30
157阅读
/*
1、vscode配置自动编译
1.第一步 tsc --inti 生成tsconfig.json 改 "outDir": "./js",
2、第二步 任务 - 运行任务 监视tsconfig.json
2、typeScript中的数据类型
typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验,在typescript中主要给我们提供了以下数据类型
布尔类型(boo
转载
2024-02-29 09:50:20
30阅读