- 综合排序
- 最热优先
- 最新优先
- 来自专栏WecTeam
TypeScript 安利指南
真香 经过了一段时间的理解之后，写了这篇文章，旨在给犹豫是否学习或者还在观望TypeScript的同学做个使用ts的收益分析，希望能够打动屏幕面前的你。 安利 ts难写吗？不难。 ts在js中的玩法 TypeScript和vscode都是微软的亲儿子，他们兄弟俩相互协作肯定会有更多小花样，甚至你用的只是js文件，也可以享受到。 或许你可以参考下我学习的轨迹： 传送门--TypeScript 入门教程 (墙裂推荐)[1] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript[2] 传送门--一篇朴实的文章带你 References [1] 传送门--TypeScript 入门教程 (墙裂推荐): https://github.com/xcatliu/typescript-tutorial/blob/master /README.md [2] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript: https://juejin.im/entry/5d19adb3f265da1b7b31a28b
1.2K10发布于 2020-01-14 - 来自专栏前端Q
TypeScript 渐进迁移指南
英文 | https://nextfe.com/ 英文作者 | Nathaniel 我之前写了一篇《如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南》。 指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。 纯 JS 库 如果用了一个作者 10 年前就已经停止更新的 js 库怎么办？大多数 npm 模块仍然使用 JavaScript，没有类型信息。 类型检查升级 修复 95% 以上类型检查错误并确保每个库都有相应的类型定义后，你可以进行最后一步：正式把整个项目的代码迁移到 TypeScript。 注意：我上一篇指南中提到的一些细节这里就不讲了。 替代方案：如果你希望一下子迁移整个项目到 TypeScript，可以参考 airbnb 团队的指南。 本文完〜
2.4K20发布于 2021-02-05 - 来自专栏编程小白狼
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?
91610编辑于 2025-04-15 - 来自专栏code秘密花园
TypeScript 终极初学者指南
大家好，我是 ConardLi，在过去的几年里 TypeScript 变得越来越流行，现在许多工作都要求开发人员了解 TypeScript，各大厂的大型项目基本都要求使用 TypeScript 编写。 Typescript 值得学吗？ 下面是学习 Typescript 的几个理由： 研究表明，TypeScript 可以发现 15% 的常见 bug。 TypeScript 可以让代码的可读性更好，你可以更好的理解代码是在做什么。 TypeScript 可以你申请到更多好工作。 (diam: number): string { return '圆的周长为：' + Math.PI * diam; } console.log(circle(10)); // 圆的周长为：31.41592653589793 TypeScript & React TypeScript 完全支持 React 和 JSX。
8K20编辑于 2022-04-08 - 来自专栏领域驱动设计DDD实战进阶
10-TypeScript中的接口
接口是一种规约的约定，从接口继承的类必须实现接口的约定。在高级开发中，通常接口是用于实现各种设计模式的基础，没有接口，设计模式无从谈起。 定义接口： interface ILog{ recordlog():boolean; } 类从接口继承： class Log4Net implements ILog{ public recordlog():boolean{ try{ console.log("log4net has been recored");
1.5K70发布于 2018-05-04 - 来自专栏各类技术文章~
TypeScript类型元编程入门指南
众所周知，TypeScript的类型系统因其高度灵活性而常常被戏称“类型体操”。各路高人纷纷在类型系统上卷了起来，实现了各种不可思议的功能。 最近徐飞叔叔还写了个中国象棋，可以说很卷了。 元编程的基础是图灵完备的子系统，那么TypeScript类型系统是否是图灵完备的呢？答案当然是肯定的。 TypeScript类型系统的extends ? TypeScript的基础类型包括Number、Boolean、String、Tuple（元组）等，复杂类型则有函数、对象，尽管理论上获得了图灵完备，但我们仍需要一些基础的运算支撑。 extra>] : [extra, ...binaryAdd<bin1, bin2, [...i, 0], 0>] let g:fromBinary<binaryAdd<[...count<10 ts=4.5… 好了，如果你看到这里，相信对TypeScript类型元编程已经有了初步的了解，接下来可以把它灵活运用到日常工作中啦。
41700发布于 2021-11-01 - 来自专栏一尾流莺学前端
【编码规范】Typescript 编码风格指南
用更合理的方式书写 Typescript 规范的代码可以促进团队合作， 规范的代码可以减少 bug 处理， 规范的代码可以降低维护成本， 规范的代码有助于代码审查， 养成代码规范的习惯，有助于程序员自身的成长 比如： for (var i = 0, n = str.length; i < 10; i++) { } if (x < 10) { } function f(x: number, y: string)
1.8K20编辑于 2022-12-10 - 来自专栏全栈前端精选
10 个关于 TypeScript 的小技巧
英文 | https://www.sangle7.com/ 1、 TypeScript 和 DOM 当你开始使用 TypeScript 时，你会发现在浏览器环境中使用它，你需要非常了解它。 if you say "any", TypeScript says ¯\_(ツ)_/¯ 但是真的，真的，真的将其用作最后的手段。我们不喜欢TypeScript中的 any。 6、更多限制 有时TypeScript无法推断类型。 关于TypeScript的事情是它了解这种逻辑。 deviceId: string; } const routes: Routes = [{ path: 'country/:countryId/device/:deviceId/dashboard' }] 10
1.8K10发布于 2020-12-15 - 来自专栏代码简单说
10分钟快速入门TypeScript
10分钟教会你如何使用TypeScript 最近接了个项目，后端发来的接口文档字段乱七八糟，有些字段有时是数字，有时是字符串，搞得我调试得怀疑人生，后来想想，怎么不直接用 TypeScript 把数据类型管起来 结果用了不到10分钟，整个代码质量蹭蹭上涨，瞬间舒服了。 今天就来教你，用10分钟搞定 TypeScript，绝对不让你多花时间。 什么是 TypeScript？ 用一句话总结：TypeScript = JavaScript + 类型。 安装 TypeScript 第一步，先装环境，1分钟搞定。 TypeScript 轻松搞定！ 总结 10分钟，掌握了 TypeScript 的安装、变量类型注解、接口、可选属性、联合类型和泛型，是不是觉得很实用？ 其实这只是冰山一角，学会了这些，你的代码质量已经有了质的飞跃。
11310编辑于 2026-06-16 - 来自专栏WecTeam
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
5.8K20发布于 2019-12-24 - 来自专栏Nodejs技术栈
Node.js 项目 TypeScript 改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
9.8K32发布于 2019-12-06 - 来自专栏/root
TypeScript：环境安装与配置全指南
前言 TypeScript作为JavaScript的超集，为开发者提供了强大的类型系统和现代编程特性。本教程将详细演示如何从零开始搭建TypeScript开发环境。 环境准备 1. 的npm包管理器进行安装： 访问 Node.js官网 下载LTS版本 验证安装（终端执行）： node -v # 应显示v22.x或更高 npm -v # 应显示10.x或更高 2. 安装TypeScript编译器 全局安装（适合快速体验）： npm install -g typescript 项目本地安装（推荐方式）： mkdir ts-project && cd ts-project /* Specify the root folder within your source files. */ // "moduleResolution": "node10 官方文档 TypeScript Playground DefinitelyTyped类型仓库 通过本教程，您已完成TypeScript开发环境的搭建，现在可以开始享受类型安全的JavaScript开发体验了
1.1K10编辑于 2025-09-28 - 来自专栏程序员成长指北
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
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
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的这种强大组合让开发人员可以自信地工作，因为他们知道他们的代码既简洁又可靠。
1.1K40编辑于 2023-11-08 - 来自专栏若城技术专栏
TypeScript 泛型程序设计指南
在 TypeScript 中，泛型允许我们在定义函数、接口或类时，不预先定义具体的类型，而是在使用时指定类型。这种方式避免了代码的重复，并确保了类型安全。 二、泛型的使用方式 泛型在 TypeScript 中通过 <> 语法使用，可以应用于函数、接口和类的声明。 this.genericProperty.doSomething(); this.genericProperty.doSomethingElse(); } } 三、应用场景 在 TypeScript 灵活地使用泛型定义类型是掌握 TypeScript 的关键。 通过上述介绍，我们可以看到泛型在提高代码复用性、灵活性和类型安全性方面的重要性。 在编写 TypeScript 代码时，合理使用泛型将大大提升开发效率和代码质量。
43110编辑于 2024-10-10 - 来自专栏深度学习技术前沿
【经典干货】GitHub标星10万+，史上最强Google面试指南！
一位从1997年就入行的Web工程师，立志要成为Google软件工程师，3年前写下了一篇超完整学习和面试教程，以此作为自己的奋斗计划。 但这并不妨碍他的教程成为热门，在GitHub上线以来，已收获近10万星的好评。 而且最近这篇教程已经完成了中文翻译，就算你没有去Google面试的机会，也可以用它来好好充实一下自己。 去Google面试需要注意什么 面试的第一步当然是要有一份好的简历，这样才能为你争取到宝贵的面试机会。知名科技博主Steve Yagge给出了10个贴士，帮你做出一份还不错的简历。 ? 在面试时，你可能会遇到这20个问题，每个问题准备 2-3 种回答。准备点故事，而不要只是摆一些你完成的事情的数据。 ? 祝大家在新的一年里都能面试成功！
79620发布于 2020-05-18 - 来自专栏一个会写诗的程序员的博客
TypeScript 之父简介：TS Anders Hejlsberg: Introducing TypeScript参考资料TypeScript入门指南（JavaScript的超集)
TypeScript 主要特点包括： TypeScript 是微软推出的开源语言，使用 Apache 授权协议 TypeScript 是 JavaScript 的超集. TypeScript 一起运行无需更改 TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件 TypeScript 语法与 JScript .NET 相同 TypeScript 比如，在下面的例子里，可以明显看出genie函数拥有两个注释： var x = 10; // This is x. /** * Postcondition: Grants all three wishes wish3]: [Wish, Wish, Wish]) { while (true) { } } // End function 这是尽管事实上，函数声明的完整开始是在var x = 10 参考资料 TypeScript入门指南（JavaScript的超集) https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes TypeScript
2.6K20发布于 2018-08-17 - 来自专栏京程一灯
10个写TypeScript代码的坏习惯
// 每日前端夜话 第485篇 // 正文共：2400 字 // 预计阅读时间：10 分钟 ? 近几年 TypeScript 和 JavaScript 一直在稳步发展。 以下是我们都应该改正的 10 个坏习惯。 1.不使用 strict 模式 这种习惯看起来是什么样的 没有用严格模式编写 tsconfig.json。 时，现有的代码库通常会对 TypeScript 编译器无法自动推断出的类型进行假设。 10. != null 这种习惯看起来是什么样的 棒棒运算符的小弟 ! = null使我们能同时检查 null 和 undefined。 为什么不该这样做 尽管 null 在 JavaScript早期很麻烦，但 TypeScript 处于 strict 模式时，它却可以成为这种语言中宝贵的工具。
1.1K20发布于 2021-02-25 - 来自专栏WecTeam
Node.js 项目 TypeScript 改造指南（二）
最近笔者把一个中等规模的 Koa2 项目迁移到 TypeScript，和大家分享一下 TypeScript 实践中的经验和技巧。 索引类型「Index types[10]」和映射类型「Mapped types[11]」 type Person = { name: string; age: number; } type > // 从Circle上去掉name字段 {x:number,y:number:rad:number} type a9 = NonNullable<Params> // 去掉为空的字段 type a10 附上：Node.js 项目 TypeScript 改造指南（一） 参考资料 [1] Playground: https://www.typescriptlang.org/play/index.html intersection-types [9] Union Types: https://www.typescriptlang.org/docs/handbook/advanced-types.html#union-types [10
4.1K10发布于 2019-12-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号