1. 简单创建一个class 类1 class Person {
2 // name:string;
3 // constructor(name:string){
4 // this.name = name
5 // }
6 // 简化写法 在构造器的参数前面加上 访问属性,就是默认添加一个参数名的属性,并在构造器中进行赋值
7 constructor(public n
最近想学习一下TypeScript语法,但是只是看官方文档又有些乏味,还是通过项目在实践中学习比较有趣,所以在这里记录一下我的学习历程,与Vue项目结合开发。项目搭建通过脚手架搭建1. 通过Vue CLI 3 创建vue项目vue create vue-typescript// 在此选择typescript支持? Check the features needed for your project
转载
2024-08-30 16:47:05
27阅读
开始TypeScript结构化类型系统的基本规则是,如果x要兼容y,那么y至少具有与x相同的属性。比如:interface Named {
name: string;
}
let x: Named;
// y's inferred type is { name: string; location: string; }
let y = { name: 'Alice', location:
转载
2024-06-16 20:52:06
68阅读
最近尝试了一下Typescript在Vue项目中的使用,中间遇到了一些问题,把遇到的问题记录一下,以防被忘。如何让Typescript识别Vue、JSON文件因为Typescript默认不能识别.vue文件,导致在引用.vue文件时,提示加载错误。所以需要自己新建一个 .d.ts 文件添加以下内容。这告诉Typescript以.Vue结尾的导入的任何东西都与Vue构造函数本身具有相同的形状。//
转载
2024-03-13 16:44:35
95阅读
Declaration of private instance field not allowed after declaration of private instance method. Instead, this should come at the beginning of the clas
原创
2022-01-14 16:55:05
1002阅读
# Typescript取消报错
## 介绍
Typescript是一种开源的编程语言,它是由微软公司开发的,并在2012年发布。Typescript是JavaScript的超集,它添加了静态类型检查、类和模块的概念,并且可以编译成纯JavaScript代码。通过使用Typescript,开发者可以在编写JavaScript代码时获得更好的开发体验和代码可靠性。
在使用Typescript进行
原创
2024-01-23 09:09:57
91阅读
# TypeScript 隐藏报错:应对静态类型检查的智慧
TypeScript是一种由微软开发的开源编程语言,它是JavaScript的一个超集,添加了静态类型检查的功能。这使得开发者在写代码时,可以提前捕捉到潜在的错误,提升了代码的安全性和可维护性。然而,有时我们希望在某些情况下隐藏TypeScript的报错,以便更自由地控制代码的执行或保持某些功能的灵活性。本文将讨论如何在TypeScri
这篇文章概括了在TypeScript中使用模块组织代码的各种方法。我们将包括内部模块和外部模块以及讨论如何恰当使用他们。我们还会介绍一些外部模块的进阶使用,并且指出一下在使用中常见的错误。第一步接下来从我们全篇都会使用的程序开始。我们写过一个小型的字符串验证程序,可以用来验证网页上用户输入的内容或者外部文件的数据格式。interface StringValidator {
isAccept
TypeScript是编译器 也是一种规范。 通过tsconfig.json可以自定义开发配置,这里有一份官方JSON配置文件,可作为参考。 逼不得已,
转载
2024-10-19 19:41:16
44阅读
# 在 TypeScript 后端开发中实现多文件上传
随着互联网的快速发展,文件上传功能已成为现代 Web 应用中的重要组成部分。尤其在后端开发中,处理多文件上传的需求日益增加。本文将探讨如何在 TypeScript 后端中实现多文件上传,并提供示例代码。
## 多文件上传的基本概念
多文件上传,顾名思义,指的是同时上传多个文件。在处理用户上传的文件时,后端需要能够接收、验证和存储这些文件
# 学习 TypeScript 要多久?——一名新手开发者的指南
TypeScript 是一种由 Microsoft 开发的开源编程语言,基于 JavaScript,并添加了一些强类型的特性。学习 TypeScript 的时间因人而异,通常需要 4 到 8 周的时间,取决于个人的编程基础和学习进度。在这篇文章中,我们将探讨学习 TypeScript 的简单流程,并为每个步骤提供具体的指导和代码示
TypeScript语法的interface定义对象和使用一.JS中的对象二.TS中定义对象三.任意属性四.可有可无的属性五.只读属性 上一篇 TypeScript之数据类型(一)前面我们说到了基本数据类型,还有数组,枚举等类型,那么在typescript中是如何定义像JavaScript中的对象的呢?一.JS中的对象我们先来看一下在JavaScript中的定义对象的方式,定义方式如下://定义
转载
2023-07-13 14:51:27
203阅读
前言由于 any / unknown 类型几乎 “相似” ,所以可以直接一起学习。在 Typescript 中,当我们不确定一个类型是什么类型的,可以选择给其声明为 any 或者 unkown。本文会介绍这两种类型的介绍及其示例用法,最后谈一下二者的区别。any 类型在 TypeScript 中,任何类型都可以被归为 any 类型,因为它可以被赋予任何值。这让 any 类型成为了类型系统的顶级类型
转载
2023-11-06 16:38:30
62阅读
ts的学习历程认识tsts是js的超集,ts的风格更偏向于后端语言,其中ts的类编程,即面向对象编程的方式使得js的写法不再混乱,使得前端能够有效并快速的地写出更加优秀且完美的js代码。但是ts无法被浏览器正确的解读为浏览器语言,所以目前ts依旧是翻译为js再翻译成浏览器语言。安装ts翻译成js需要编译工具:npm install -g typescript编译:tsc [文件名].ts数据类型/
转载
2023-10-15 01:23:13
81阅读
TypeScript 报错汇总在这篇文章中将记录我遇到的ts错误,应该会持续更新。有时候从错误点入手学习似乎是一个不错的选择,所以也欢迎你私信我一些ts的问题。一、内置工具1.1 Pick & Partial先看看Pick和Partial工具的源码:type Partial<T> = {
[P in keyof T]?: T[P];
};
type Pick<T,
转载
2023-09-13 07:09:18
331阅读
TypeScript 是什么TypeScript (简称:TS )是 JavaScript 的超集 ( JS 有的 TS 都有)。TypeScript = Type + JavaScript (在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。在JS的基础下为什么要用tsjs最开始是为了在前端做数据效
转载
2023-08-13 22:18:14
166阅读
如果有javascript基础,学习TypeScript其实并不难,写这篇文章的目的是记录一下学习ts的过程。因为老是学了之后,就容易忘,好记性不如烂笔头…ts的学习的必要性:新技术的出现都是为了解决原有技术的某个痛点,js很好,这是不可否认的,但它依然有它的不足。背景一、JavaScript的痛点并且随着近几年前端领域的快速发展,让JavaScript迅速被普及和受广大开发者的喜爱,借助于Jav
转载
2023-09-22 09:46:35
130阅读
1,首先安装 node 环境,具体安装过程我就不多说了2,检查好node环境后,就开始通过npm 安装 TypcScript 编译器。npm i g typescript 3,进行初始化, 创建 tsconfig.json 文件,记录一些编译成JS的配置选项tsc -init 4,打开tsconfig.json文件,已经默认好了一些配置{
"compil
转载
2023-10-30 13:38:04
114阅读
忽略 TypeScript 打包报错的探索与解决
在日常的项目开发中,TypeScript 提供了类型安全和开发效率的优化。但是,项目的打包过程中,偶尔会出现 TypeScript 的配置错误,导致打包报错的问题。此时,团队可能面临无法发布新版本的窘境。我在排查过程中,遇到了一些复杂的状况,后续通过一系列的分析与操作,成功找到了问题的根源并有效地解决了它。
### 现象描述
我们在进行项目的
# 如何取消 TypeScript Build 报错:入门指南
对于刚入行的小白程序员来说,TypeScript 的严格性可能是一个很大的挑战。在开发过程中,TypeScript 会因为类型错误、缺失类型或不符合类型定义的代码而报错。有时候,我们可能希望能够临时禁用这些错误,以便专注于其他功能的开发。本文将详细介绍如何实现“取消 TypeScript build 报错”,并帮助你顺利入门。
#
原创
2024-10-17 13:22:48
133阅读