TypeScript教程

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

RSS

vue + typescript，定义全局变量或者方法

众所周知，在 vue中，如果想定义一个全局变量的方法很简单，直接在 vue的原型上挂载属性或者方法即可。但是，加上了typescript之后, Vue.prototype.$xxx = xxx 这种挂载方式就不行了。无论在哪里都访问不了挂载的 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：311 | 回复：0
聊聊 TypeScript 中的类型保护

聊聊 TypeScript 中的类型保护在 TypeScript 中使用联合类型时，往往会碰到这种尴尬的情况：如上所示，getSmallPet 函数中，既可以返回 Fish 类型的对象，又可以返回 Bird 类型的对象。由于返回的对象类型不确定， ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：312 | 回复：0
白话typescript中的【extends】和【infer】(含vue3的UnwrapRef)

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。分享不易，希望能够得到大家的支持和关注。 extends typescript 2.8引入了 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：303 | 回复：0
【FishFX】花式撩骚，打造TypeScript易用框架。

· 栗子入手假设有以下foo数组，数组中每个对象都拥有id，name两个属性，现在需要查找id gt; 0的对象数量。 const foo: Arraylt;{ id: number, name: string }gt; = [{ id: 1, name: quot;cn.troyquot; }, { id: 2, ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：292 | 回复：0
数据结构篇-数组（TypeScript版+Java版）

1.TypeScript版本 js export default class MyArray { public data: E; public size: number = 0; / 构造函数，传入数组的容量capacity @param {number} capacity 数组容量，默认10 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：311 | 回复：0
【开源】使用Angular9和TypeScript开发RPG游戏(20200410版)

源代码地址通过对于斗罗大陆小说的游戏化过程，熟悉Angular的结构以及使用TypeScript的面向对象开发方法。 quot;Github项目源代码地址quot; RPG系统构造 ver0.03 2020/04/10 人物和其他RPG游戏类似，游戏里面的人 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:12 | 阅读：313 | 回复：0
TypeScriptreflect-metadata库

reflect-metadata是一个库，这个库可以帮助我们在类上面或者类的属性上面去存储一些数据，并且方便的数据获取安装这个库npminstallreflect-metadata--save import'reflect-metadata';constuser={name:'dell'}//一、 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：194 | 回复：0
【TypeScript】TypeScript 学习 2——接口

在 TypeScript 中，接口是用作约束作用的，在编译成 JavaScript 的时候，所有的接口都会被擦除掉，因为 JavaScript 中并没有接口这一概念。先看看一个简单的例子： function printLabel(labelledObj: { label: str ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：191 | 回复：0
TypeScript的箭头函数（第1篇）

认识箭头函数 var fun1 = function(a:number, b:number=2):number{ return a+b; } function fun2(a:number, b:number):number { return a+b; } //使用ES6箭头函数语法定义函数，将原函数的“function”关 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：306 | 回复：0
微软发布TypeScript用以改进JavaScript开发

作为改进JavaScript应用程序开发的举措之一，微软近日发布了TypeScript。这一新语言是JavaScript规范的超集，添加了类型检查和静态代码分析，同时生成原生JavaScript。这些特性意在使开发者能够受益于类型检查带来的 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：205 | 回复：0
TypeScript 在开发应用中的实践总结

背景以前 hybrid app 的移动端开发模式下，H5 和客户端通信的 js sdk 代码使用 js 编写，sdk 方法的说明使用文档输出。对于开发的使用来说，在 IDE 中不能得到友好的参数类型提示。于是我们维护一个类型定义包进行 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：209 | 回复：0
【Typescript】对象类型接口（4）

目录对象接口的作用类型断言类型断言的方法as方法amp;amp;lt;类型amp;amp;gt;值可选属性，只读属性可选属性只读属性可索引类型可索引类型的作用索引签名类型对象接口,对象对接的好处是可以明确对象的类型，避免一些 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：190 | 回复：0
TypeScript基础类型

Typescript是由微软开发的一款开源的编程语言，是Javascript的超集，TS提供的类型系统可以帮助我们在写代码的时候提供更丰富的语法提示，让我们使用TypeScript来创建一个简单的Web应用。通过npm（Node.js包管理器） ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：199 | 回复：0
npm 安装typeScript 报错解决

1、今天用 npm 安装typeScript, 运行命令： npm install -g typeScript 出现Missing write access to /usr/local/lib/node_modules npm ERR! path /usr/local/lib/node_modules的问题。截图如下这是文件没有root权 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：189 | 回复：0
8、TypeScript模块

模块 1、模块概念 2、模块导出的几种方法 1、export 导出声明 2、export 导出语句 3、export default 4、import导出模块模块的概念（官方）: 关于属于的一点声明，请务 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：213 | 回复：0
typescript基础篇拾遗

1、null或者undefined赋值（1）将变量定义为联合类型letnum:number|undefined|null=123（2）将tsconfig的strictNullChecks设置为false。 2、接口定义interfaceList{//只读属性readonlyid:number;name:string ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：196 | 回复：0
使用TypeScript开发微信小程序的方法

TypeScript是C#之父Anders Hejlsberg的又一力作，很多喜欢c#语法的朋友对typescript都爱不释手，今天小编给大家介绍下TypeScript开发微信小程序的方法，感兴趣的朋友一起看看吧' TypeScript简介： TypeScript是一种 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：199 | 回复：0
TypeScript基本概念

1. 基础类型有12种布尔值 let isDone: boolean = false; 数字 let dec: number = 6; 字符串 let name : string = 'bob'; 数组 let list: number = ; 元组 let x : = 枚举 enum Color {Red,……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：196 | 回复：0
Typescript学习笔记

为什么使用Typescript？微软推出TypeScript主要是为实现两个目标：为Javascript提供可选的类型系统；兼容当前及未来的JavaScript的特性。静态类型带来的好处：有利于代码重构，它在编译器编译的时候就能捕获 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：201 | 回复：0
TypeScript学习（十二）泛型

总结泛型就是广泛的类型（任意类型），泛型变量T，可以是其他的名字，例如U、M等，仅代表类型例如泛型函数，可以在调用的时候传入泛型参数决定类型，相比any会有更精确的含义表达实战//例1//节流//类型不确定exportf ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：207 | 回复：0
从C#到TypeScript-接口

为了更好的抽象出行为和属性，TypeScript在ES6的基础上增加了接口interface。C#也有interface，不过TypeScript的接口还不大一样，C#里的接口一般是为类服务，让类实现接口中定义的方法或属性。TypeScript在C#基础上 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：203 | 回复：0
TypeScript环境搭建

TypeScript是微软开发的一门自由和开源的编程语言,TypeScript是JavaScript的一个超集，他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。同时利用他我们可以使Jav ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：224 | 回复：0
typescript(一)

1.typescript是什么？1.typescript是微软开发的一款新的编程语言。2.typescript扩展了javascript语法，为它添加了类型支持。它弥补了javascript在类型检查方面的弱点。它在编译阶段提供了丰富的类型检查的语法提 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：228 | 回复：0
关于JavaScript/TypeScript中的setTimeout和setInterval

ypescript是强类型语言，定义setInterval()必须定义其返回值，但是你无论用百度或者谷歌搜中文也好英文也罢，都告诉你setInterval()的返回值类型是number，如果你将setInterval()定义成number型，会告诉你不能将类 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：216 | 回复：0
Vue3.x+TypeScript安装初体验

vue3已经正式发布，网上有不少vue3+typescript的文章了，脚手架也更新了好多版本，以下主要是基础的vue+typscript的安装和新特性一.更新@vue/cli（很多人都还在用vue2.x，所以需要先跟新一下vue的版本）建议使用最新 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：224 | 回复：0
基于TypeScript的Angular6.X系列学习笔记-目录结构

Angular6.X项目【我的应用】目录结构分析：项目中使用Angular CLI创建的名称【my-app】,创建的目录结构如下：对应文件描述： 1.e2e —— 在e2e/下是端到端（End-to-End）测试； 2.node_modules —— 安装的第 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：206 | 回复：0
TypeScript泛型

TypeScript泛型一、什么是泛型泛型的本质是参数化类型，也就是说所操作的数据类型被指定为一个参数。这种参数类型可以用在类、接口和方法的创建中，分别称为泛型类、泛型接口、泛型方法。二、泛型方法 1、需求 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：221 | 回复：0
从 JavaScript 到 TypeScript

image 文中的案例代码已经上传到 TypeScript TypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集，为 JavaScript 的生态增加了类型机制，并最终将代码编译为纯粹的 JavaScript 代码。 TypeScript 简 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：199 | 回复：0
# TypeScript 中如何确保 this 的正确性

问题在 TS 里面 this 关键字一开始让我这个写 C# 的十分惊讶，比如下面的一段代码，注意 initBinding 方法 class Company { id:number; /** * 在点击编辑按钮的时候开始初始化 currentCompany 对 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：197 | 回复：0
TypeScript-模块系统

TS 中的模块几乎和 ES6 和 Node 中的模块一致 Node 模块化请查看 NodeJS： 06-Node-Node模块 07-Node-Node模块导出数据的几种方式 08-Node-exports和module.exports的区别 09-Node-require的注意点 webpack 模块 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：212 | 回复：0
如何找到SAPSpartacus里某个ComponentTypeScript编译后生成的JavaScript位置 ...

如何找到触发该网络请求的准确代码位置？从initiator里查看调用栈上下文，一点头绪也没有。找到触发该网络请求的控件的selector：cx-register在StorefrontTypeScript源代码里查找不到：在编译生成的JavaScript里搜索 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：201 | 回复：0
typescript笔记--实用的内置类型

typescript提供了很多实用内置的类型，大家安装typescript的时候，可以在node-module/typescript/lib/文件下面有对js所有的声明文件，包含es5,es6...到最新的esnext版本，本篇主要是总结一下对typescript实用内置类 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：211 | 回复：0
c# typescript_C＃还是Java？ TypeScript还是JavaScript？基于机器学习的编程语言分 ...

c# typescript Befunge, only known to very small communities.Befunge等深奥的语言，只有很小的社区才知道。 Figure 1: Top 10 programming languages hosted by GitHub by repository count 图1：按存储库数量 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：216 | 回复：0
什么是TypeScript的ModuleAugmentation

在进入模块扩充之前，让我们看看一些TypeScript合并原则，这些原则将随着我们的进步而变得有用。TypeScript支持创建同名的class和interface：classFood{cheese:string;}interfaceFood{bacon:string;}constfood=newFo ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：212 | 回复：0
typescript学习记录-元组（13）

我们知道数组中元素的数据类型都一般是相同的（any类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。元组中允许存储不同类型的元素，元组可以作为参数传递给函数。创建元组的语法格式如下：vartu ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：218 | 回复：0
玩转TypeScript(3)--类型转换

使用强类型变量常常需要从一种类型向另一种类型转换,通常使用ToString或ParseInt可以来实现一些简单的转换,但是有时候需要像.NET语言中那样将一种类型显示的转换为另一种类型,在TypeScript规范中,被称为amp;quot;类 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：204 | 回复：0
Typescript学习

–amp;amp;gt; npm show typescript –amp;amp;gt; npm install -g typescript –amp;amp;gt; tsc -v –amp;amp;gt; npm bin -g tsc命令： –amp;amp;gt; tsc --help –amp;amp;gt;tsc --outDir dist helloworld.ts ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：220 | 回复：0
typescript项目配置路径别名（路径映射）

在vue项目中，我们可以利用“@”来指代src目录，在普通webpack项目中，我们也可以通过配置webpack的config来指定路径别名，但是在typescript+webpack项目中我们该怎么配置别名呢？参考文档https://www.tslang.cn/do ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：218 | 回复：0
TypeScript入门-高级类型

交叉类型交叉类型，就是将多个类型合并为一个新的类型，这个新的类型具有这多个类型的成员，含有这几个类型的所有特性，是他们的综合体，像是集合的并集例子：functionextendamp;amp;lt;T,Uamp;amp;gt;(first:T,se ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：188 | 回复：0
CocosCreator手记04——是男人就坚持20秒Remastered （TypeScript版）

CocosCreator v1.5.0 tsc Version 2.3.4 密集恐惧症慎用是男人就坚持20秒属于经典的弹幕游戏，做例子研究也很有价值，足够小且完整，还有相当的游戏性。这是很多Demo所不具备的。这两天用TypeScript语言Remastere ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:11 | 阅读：198 | 回复：0

1 ... 2 3 4 5 678 9 10 11 ... 405 / 405 页下一页

客服电话

电子邮件

TypeScript教程

关于我们

产品与服务

解决方案

139-2527-9053