- 综合排序
- 最热优先
- 最新优先
- 来自专栏WecTeam
TypeScript 安利指南
或许你可以参考下我学习的轨迹： 传送门--TypeScript 入门教程 (墙裂推荐)[1] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript[2] 传送门--一篇朴实的文章带你 30分钟捋完TypeScript,方法是正反对比[3] 传送门--stack overflow (墙裂推荐)[4] 传送门--google[5] 今年ts突然遍地开花，似乎成为了潮流。 References [1] 传送门--TypeScript 入门教程 (墙裂推荐): https://github.com/xcatliu/typescript-tutorial/blob/master /README.md [2] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript: https://juejin.im/entry/5d19adb3f265da1b7b31a28b [3] 传送门--一篇朴实的文章带你30分钟捋完TypeScript,方法是正反对比: https://juejin.im/post/5d53a8895188257fad671cbc [4] 传送门-
1.2K10发布于 2020-01-14 - 来自专栏前端Q
TypeScript 渐进迁移指南
英文 | https://nextfe.com/ 英文作者 | Nathaniel 我之前写了一篇《如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南》。 指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。 如果我告诉你，你可以增量迁移到 TypeScript 并立刻从中受益呢？ 类型检查升级 修复 95% 以上类型检查错误并确保每个库都有相应的类型定义后，你可以进行最后一步：正式把整个项目的代码迁移到 TypeScript。 注意：我上一篇指南中提到的一些细节这里就不讲了。 替代方案：如果你希望一下子迁移整个项目到 TypeScript，可以参考 airbnb 团队的指南。 本文完〜
2.4K20发布于 2021-02-05 - 来自专栏黯羽轻扬
类_TypeScript笔记4
一.类成员 TypeScript里的类的定义与ES6 Class规范一致，静态属性，实例属性，访问器等都支持： class Grid { static origin = {x: 0, y: 0} 符合TypeScript的设计原则： 不给编译产物增加运行时开销 另外，类成员可访问性也是类型检查的一部分，private/protected修饰符会打破鸭子类型，例如： class Animal { __proto__ || Object.getPrototypeOf(A)).apply(this, arguments) } TypeScript里的Class继承也会被编译替换成基于原型的继承，如下 Object.create(b) : (__.prototype = b.prototype, new __()); }; })();// __extends(A, B); 二者大同小异，从实现上看，TypeScript 四.抽象类 TypeScript里也有抽象类的概念： abstract class Animal { abstract makeSound(): void; move(): void {
1.1K50发布于 2019-06-12 - 来自专栏编程小白狼
TypeScript 基础语法入门指南
TypeScript 是 JavaScript 的超集，通过静态类型检查和丰富的语法特性，帮助开发者编写更健壮、可维护的代码。 本文将从零开始介绍 TypeScript 的基本语法，帮助你快速掌握核心概念。 类型注解（Type Annotations） TypeScript 的核心功能是静态类型检查，通过在变量、函数参数和返回值上添加类型注解，明确数据的类型。 typescript Copy Code // 基本类型 let name: string = "Alice"; let age: number = 30; let isActive: boolean typescript Copy Code interface User { name: string; age: number; isAdmin?
91310编辑于 2025-04-15 - 来自专栏腾讯IVWEB团队的专栏
TypeScript4有些啥?
原文: What's coming in TypeScript 4 作者: Tim Perry TypeScript4来得很快, 这周(6.25)就有一个Beta Release的计划, 而最终的正式release 需要注意的是, TypeScript的Release并没有遵循Semantic版本规则进行, 所以4.0版本并不算是一个大型的更新. TypeScript从来没有说过遵循Semantic版本规则, 即断代更新会体现在主版本号变更上相反, TypeScript承诺在每一个Stable Release之间不会有断代更新, 因此在2.1.5 在TypeScript4中, a的类型会被推断为number | boolean: 从构造函数自动推断. 至少它们帮着TypeScript的程序员们续命了 -- 改善了类型安全以及开发体验.
1.2K10发布于 2020-07-01 - 来自专栏一Li小麦
typescript基础篇（4）：函数
4. 函数 ? 函数在前面的章节已经多次使用，本节将梳理ts函数的知识。 add2: (x: number, y: number) => number // 3.类型别名 type add3 = (x: number, y: number) => number // 4. 接口定义 interface add4 { (x: number, y: number): number } 4.1 不定参数 我们在调用函数时，入参多一个不行，少一个也不行。 number, y = 0, z: number, q = 1) => x + y + z + q // 剩余参数不用也可以 console.log(add6(1, undefined, 3)) // 4 const add7 = (x: number, ...rest: number[]) => x + rest.reduce((pre, cur) => pre + cur) add7(1,2,3,4)
68020发布于 2020-08-10 - 来自专栏前端精读评论
精读《Typescript 4》
1 引言 随着 Typescript 4 Beta 的发布，又带来了许多新功能，其中 Variadic Tuple Types 解决了大量重载模版代码的顽疾，使得这次更新非常有意义。 但在 Typescript 4 版本支持了这种语法： type Strings = [string, string]; type Numbers = number[]; // [string, string 局部 TS Server 快速启动功能， 打开大型项目时，TS Server 要准备很久，Typescript 4 在 VSCode 编译器下做了优化，可以提前对当前打开的单文件进行部分语法响应。 3 精读 Typescript 4 最大亮点就是可变元组类型了，但可变元组类型也不能解决所有问题。 4 总结 Typescript 4 带来了更强类型语法，更智能的类型推导，更快的构建速度以及更合理的开发者工具优化，唯一的几个 Break Change 不会对项目带来实质影响，期待正式版的发布。
1.1K20编辑于 2022-03-14 - 来自专栏code秘密花园
TypeScript 终极初学者指南
大家好，我是 ConardLi，在过去的几年里 TypeScript 变得越来越流行，现在许多工作都要求开发人员了解 TypeScript，各大厂的大型项目基本都要求使用 TypeScript 编写。 Typescript 值得学吗？ 下面是学习 Typescript 的几个理由： 研究表明，TypeScript 可以发现 15% 的常见 bug。 中的数组 在 TypeScript 中，你可以定义数组包含的数据类型： let ids: number[] = [1, 2, 3, 4, 5]; // 只能包含 number let names: string : number | string) => { console.log(c); return a + b; }; console.log(add(5, 4, '可以是 number、string This', 'arr', 'has', 'length'], { material: 'plastic', length: 17 }, ]; logLengths(arr); // 29 // 4
8K20编辑于 2022-04-08 - 来自专栏各类技术文章~
TypeScript类型元编程入门指南
众所周知，TypeScript的类型系统因其高度灵活性而常常被戏称“类型体操”。各路高人纷纷在类型系统上卷了起来，实现了各种不可思议的功能。 最近徐飞叔叔还写了个中国象棋，可以说很卷了。 元编程的基础是图灵完备的子系统，那么TypeScript类型系统是否是图灵完备的呢？答案当然是肯定的。 TypeScript类型系统的extends ? TypeScript的基础类型包括Number、Boolean、String、Tuple（元组）等，复杂类型则有函数、对象，尽管理论上获得了图灵完备，但我们仍需要一些基础的运算支撑。 3 : n extends '4' ? 4 : n extends '5' ? 5 : n extends '6' ? 5 : n extends '7' ? ts=4.5… 好了，如果你看到这里，相信对TypeScript类型元编程已经有了初步的了解，接下来可以把它灵活运用到日常工作中啦。
41700发布于 2021-11-01 - 来自专栏一尾流莺学前端
【编码规范】Typescript 编码风格指南
用更合理的方式书写 Typescript 规范的代码可以促进团队合作， 规范的代码可以减少 bug 处理， 规范的代码可以降低维护成本， 规范的代码有助于代码审查， 养成代码规范的习惯，有助于程序员自身的成长
1.8K20编辑于 2022-12-10 - 来自专栏WecTeam
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 接着我们将模块导入改成 TypeScript 的 import，这里共有4种写法，分别讲一下需要注意的问题。 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 函数中使用this 根据写法不同，大概会有以下4种报错： 1.类型“NodeModule”上不存在属性“name”。 ts(2683)4.The containing arrow function captures the global value of 'this'.ts(7041) 处理方式是将 this 作为函数参数
5.8K20发布于 2019-12-24 - 来自专栏Nodejs技术栈
Node.js 项目 TypeScript 改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 接着我们将模块导入改成 TypeScript 的 import，这里共有4种写法，分别讲一下需要注意的问题。 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 函数中使用this 根据写法不同，大概会有以下4种报错： 1.类型“NodeModule”上不存在属性“name”。 ts(2683)4.The containing arrow function captures the global value of 'this'.ts(7041) 处理方式是将 this 作为函数参数
9.8K32发布于 2019-12-06 - 来自专栏/root
TypeScript：环境安装与配置全指南
前言 TypeScript作为JavaScript的超集，为开发者提供了强大的类型系统和现代编程特性。本教程将详细演示如何从零开始搭建TypeScript开发环境。 环境准备 1. 安装Node.js 参考文章：https://blog.csdn.net/weixin_45793745/article/details/146941979 TypeScript需要Node.js 安装TypeScript编译器 全局安装（适合快速体验）： npm install -g typescript 项目本地安装（推荐方式）： mkdir ts-project && cd ts-project ` } console.log(greet({ id: 1, name: "TypeScript" })) 2. 官方文档 TypeScript Playground DefinitelyTyped类型仓库 通过本教程，您已完成TypeScript开发环境的搭建，现在可以开始享受类型安全的JavaScript开发体验了
1.1K10编辑于 2025-09-28 - 来自专栏前端开发面试手册
2023前端二面必会vue面试题指南4
pinia中action支持同步和异步，Vuex不支持良好的Typescript支持，毕竟我们Vue3都推荐使用TS来编写，这个时候使用pinia就非常合适了无需再创建各个模块嵌套了，Vuex中如果数据过多 ; }})参考 前端进阶面试题详细解答写过自定义指令吗？ 数据流动单向，都支持服务器的渲染SSR4. 和组件 Vnode2.单例模式 - 整个程序有且仅有一个实例vuex 和 vue-router 的插件注册方法 install 判断如果系统存在实例就直接返回掉3.发布-订阅模式 (vue 事件机制)4. vnode.elm : undefined, hydrating) } },prepatch 操作就不会在执行组件的 mounted 和 created 生命周期函数，而是直接将 DOM 插入（4）
97230编辑于 2023-01-06 - 来自专栏程序员成长指北
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 接着我们将模块导入改成 TypeScript 的 import，这里共有4种写法，分别讲一下需要注意的问题。 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 函数中使用this 根据写法不同，大概会有以下4种报错： 1.类型“NodeModule”上不存在属性“name”。 ts(2683)4.The containing arrow function captures the global value of 'this'.ts(7041) 处理方式是将 this 作为函数参数
6.1K10发布于 2019-12-05 - 来自专栏腾讯IVWEB团队的专栏
webpack+react+typescript简单配置指南
webpack+react+typescript简单配置指南 1、webpack添加ts-loader 以下例子使用的是webpack3。 babel-core babel-loader babel-preset-env babel-preset-react ts-loader tsconfig-paths-webpack-plugin typescript 2、配置tsconfig.json tsconfig.json是typescript编译器的配置文件，需要虽然不指定也能run，但是要配合webpack用起来顺心的话，是必须要配置的。 types/polyfill.d.ts" ] } traceResolution的用法 简单的说，例如，当我们在工程引用import ClickHelper from 'utils/click'的时候，typescript 我放了一个bolerplate到自己的github上，欢迎前去clone 4、ts的应用场景 ts适合数据结构复杂，交互复杂的工程。这种工程一般模块众多，交互复杂，需要多人协同开发。
3.2K20发布于 2020-06-28 - 来自专栏后端学习之道
使用 TypeScript 优化 React Context：综合指南
在这篇内容全面的文章中，我们将探讨如何充分发挥 React Context 的潜力，并特别关注如何使用 TypeScript 增强开发体验。 设置 React Context和 TypeScript： 在本节中，我们将简单描述一下您使用 TypeScript 创建基本 React 应用程序并建立主题管理Context的完成过程。 在本例中，我们将使用以下选项： project name: react-context-typescript framework: react 创建项目后，导航至项目目录并安装依赖项： cd react-context-typescript 通过巧妙地使用TypeScript，我们确保您的代码保持健壮，并在编译时而不是运行时捕获潜在的错误。 React和TypeScript的这种强大组合让开发人员可以自信地工作，因为他们知道他们的代码既简洁又可靠。
1K40编辑于 2023-11-08 - 来自专栏若城技术专栏
TypeScript 泛型程序设计指南
在 TypeScript 中，泛型允许我们在定义函数、接口或类时，不预先定义具体的类型，而是在使用时指定类型。这种方式避免了代码的重复，并确保了类型安全。 二、泛型的使用方式 泛型在 TypeScript 中通过 <> 语法使用，可以应用于函数、接口和类的声明。 this.genericProperty.doSomething(); this.genericProperty.doSomethingElse(); } } 三、应用场景 在 TypeScript 灵活地使用泛型定义类型是掌握 TypeScript 的关键。 通过上述介绍，我们可以看到泛型在提高代码复用性、灵活性和类型安全性方面的重要性。 在编写 TypeScript 代码时，合理使用泛型将大大提升开发效率和代码质量。
43010编辑于 2024-10-10 - 来自专栏一个会写诗的程序员的博客
TypeScript 之父简介：TS Anders Hejlsberg: Introducing TypeScript参考资料TypeScript入门指南（JavaScript的超集)
image.png TypeScript 是 JavaScript 的超集，TypeScript结合了类型检查和静态分析，显式接口。 TypeScript是微软的开源项目，它是由C#之父Anders Hejlsberg发起的。 为什么会有 TypeScript? TypeScript 主要特点包括： TypeScript 是微软推出的开源语言，使用 Apache 授权协议 TypeScript 是 JavaScript 的超集. TypeScript 一起运行无需更改 TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件 TypeScript 语法与 JScript .NET 相同 TypeScript 参考资料 TypeScript入门指南（JavaScript的超集) https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes TypeScript
2.6K20发布于 2018-08-17 - 来自专栏WecTeam
Node.js 项目 TypeScript 改造指南（二）
最近笔者把一个中等规模的 Koa2 项目迁移到 TypeScript，和大家分享一下 TypeScript 实践中的经验和技巧。 接收到一个 any 类型的数据时使用类型守护「Type Guards[3]」或者断言函数「Assertion Functions[4]」来明确数据类型，然后把类型守护函数和断言函数统一管理。 PersonMapEx3 = { [K in PersonKeys]: Person[K] }["name"|"age"]; // string|number type PersonMapEx4 type T2 = Unpacked<() => string>; // string type T3 = Unpacked<Promise<string>>; // string type T4 附上：Node.js 项目 TypeScript 改造指南（一） 参考资料 [1] Playground: https://www.typescriptlang.org/play/index.html
4.1K10发布于 2019-12-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号