[译] 函数式TypeScript

谈到函数式编程时，我们常提到机制、方法，而不是核心原则。函数式编程不是关于 Monad、Monoid 和 Zipper 这些概念的，虽然它们确实很有用。从根本上来说，函数式编程就是关于如使用通用的可复用函数进行组合编程。本文是我在重构 TypeScript 代码时使用函数式的一些思考的结果。 首先，我们需要用到以下几项技术： 尽可能使用函数代替简单值 数据转换过程管道化 提取通用函

TypeScript中的元组 Tuple

元组类型 // 元组类型:表示一个已知元素数量和类型的数组，各元素的类型不必相同 let undata: [string, '男'| '女']; //已知数量是两个。类型分别是字符串和男或者女 undata =['张三', '男'] ok //x这个类型必须一一匹配起来 let x: [string, number]; x = ['庞博', 18]; // OK // 类型没有与之匹配

TypeScript重点知识点说明

两个模块之间的关系是通过在文件级别上使用import和export建立的。 任何包含顶级import或者export的文件都被当成一个模块。相反，如果一个文件不带有顶级的import或者export声明&#

TypeScript学习（十）索引签名

总结 索引签名在实际开发中经常用到，例如服务端接口返回了很多数据但是存在我们不需要用的，如果定义接口的时候不定义它们会报错，这时我们使用索引签名，就可以避免这个问题 注意：TypeScript 的索引签名必须是 string 或者 number。索引签名的名称（如：{ [index: string]: { message: string } } 里的 index ）除了可读性外，并没有任何意义。

6.TypeScript入门之TS高级类型（类型兼容性、交叉类型和泛型）

上一章节：5.TypeScript入门之TS高级类型（class类） 4.2 类型兼容性 两种类型系统：1 Structural Type System

TypeScript学习（十一）enum枚举类型

枚举Enum Enum是一种数据类型，由一组命名的值组成，名称通常是作为常量的标识符 enum Direction { Up, Down, Left, Right } let go: Direction; go = Direction.Up; 实战 export enum themeMode { light = "light", dark

TypeScript算法题实战——哈希表篇（Set和Map的基本用法、快乐数、两数相加、四数相加）

哈希表可以用来快速判断一个元素是否出现集合里。常见的哈希表有三种形式：数组、set （集合）、map(映射) 本系列博文将通过一些力扣算法题目，边学习TypeScip

极客日报：字节大战腾讯元宇宙；Windows 11将于10月5日正式推送；TypeScript 4.4 发布

一分钟速览新闻点！ 字节大战腾讯元宇宙：布局社交产品Pixsoul字节跳动取消大小周后首次发薪，收入普降17%华为原GR副总裁加入百度丁磊回应“腾讯放弃独家音乐版权”腾讯推出微信信

typeScript基础(2)_any任意值类型和类型推论

any任意值类型 可以赋值其他任意类型： ts: // 任意值 ==》任意类型 let myName :any = 'zjq'; myName=123; my

TypeScript中泛型<T>详细讲解

1.泛型 在定义函数或者接口或者类的时候 不能预先确定要使用的数据类型 而是在使用函数、接口、或者类的时候才能够确定数据类型 这个时候我们就需要使用的是泛型 2.功能描述 我们需要实现一个方法，方法中有两个参数， 第一参数表示的是传入的内容值，第二个参数表示的长度或者个数 根据内容值产生对应个数，然后存放在数组中，最后返回来 3.分析上述功能 由于传入的内容值可能是字符串，也有可能是数字，也

【TypeScript教程】# 13：接口

说明 尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。 接口 接口用来定义一个类结构，用来定义一个类中应该包含哪些属性和方法，同时接口也可以当成类型

typeScript基础(7)_函数的类型

函数的类型 函数声明有两种，一种是函数声明，一种是函数表达式声明： 1.JS函数声明: function funName(c1, c2) { return c1 

【TypeScript教程】# 14：属性的封装

说明 尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。 属性的封装 现在属性是在对象中设置的，属性可以任意的被修改，属性可以任意被修改将会导致对象中

《Vue3.x+TypeScript实践指南》已出版

　　　转眼回长沙快2年了，图书本在去年就已经完稿，因为疫情，一直耽搁了，直到这个月才出版！疫情之下，众生皆苦！感觉每天都是吃饭、睡觉、上班、做核酸！ 　　图书介绍 　　为了紧跟技术潮流，该书聚焦于当下火的Vue3和TypeScript及其相关技术，这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角，将理论和实践相结合，通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系，

TypeScript – tsconfig

前言 上一篇 TypeScript – Get Started 使用了命令 tsc index.ts --module es2015 很少人会在命令时给写 config, 更正规的做法是创建一个 tsconfig.json 把所有 config 写到里面去. 类似 webpack.config.js, tailwind.config.js, .esli

夏天到了用TypeScript给自己开个小空调吧

在Github上看到一个很有趣的TypeScript项目，炎炎夏日马上要到了，希望它能让你精神一振，工作效率加倍。 Linux搭建NodeJs环境 Linux安装NodeJs和Npm。在https://nodejs.org/zh-cn/download/ 页面下载NodeJs的Linux安装包： $ wget https://nodejs.org/dist/v14.16.0/nod

Vue + TypeScript + Element 项目实践(简洁时尚博客网站)及踩坑记（中）

6. 用 vue-cli 搭建 项目笔者使用最新的 vue-cli 3 搭建项目 详细的教程 请看我之前写的 vue-cli3.x 新特性及踩坑记 里面已经有详细讲解 但文章里面的配置和此项目不同的是 我加入了 TypeScript 其他的配置都是 vue-cli 本来配好的了。详情请看 vue-cli 官网 。6.1 安装及构建项目目录安装的依赖 安装过程选择的一些配置 搭建好之后 初始项目结

React-Native+typescript+redux写糗事百科app

https://github.com/reactnativecn/react-native-guide https://segmentfault.com/u/paopao/articles 最近一段时间都在玩react-native,在React-Native学习指南里看到有人做了个react-native的糗事百科客户端,点进去看发现代码也

TypeScript类与继承

1.我理解的类 类可以理解成为一个模板，通过这个模板可以实例化某一个具体对象 比如说：我们定义一个动物类， 通过这个动物模板可以实例化成为猫或者其他具体的动物 2.类的基本使用 我们需要创建一个动物类； 这个动物有姓名、【默认值小可爱，字符串类型】 年龄、【默认值 20，数字类型】 性别、【字符串类型】 体重、【数字类型】 爱好【爱好可有可无，如果有必须是一个数组类型的】 这个动物类还有一个s

TypeScript 前端工程最佳实践

作者：王春雨 前言 随着前端工程化的快速发展， TypeScript 变得越来越受欢迎，它已经成为前端开发人员必备技能。 TypeScript 最初是由微软开发并开源的一种编程语言，自2012年10月发布首个公开版本以来，它已得到了人们的广泛认可。TypeScript 发展至今&#x

typescript map()和filter()

map: 这个方法返回的是根据条件进行计算以后的结果。 这个方法是加工过的结果。   filter： 这个方法就是过滤，满足条件的原数据。 这个方式是返回的原来数组中的元素，只是排除了不满足条件的元素。   举个例子：   const dataSource: Ref<DataItem[]> = ref([ { key: '0

TypeScript 规范项目错误处理

在 JavaScript 开发中，通常都不太重视起错误处理，捕获和记录错误对于任何项目的开发周期都是至关重要的。随着 TypeScript 项目开发多了，开始意识到并不真正了解错误处理。经常在项目代码中看到一下类似代码： try { throw new Error("Oops") } catch (error) { console.e

TypeScript 基本语法

TypeScript 是微软开发的 JavaScript 的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类结构，使之更新是传统的面向对象语言。 TypeScript 微软官方网站 

typeScript基础(5)_对象的类型-interfaces接口

接口类型 使用interfaces来给对象定义类型，接口interfaces是对行为的抽象，而具体如何行动需要类来实现implement。 TypeScript 中的接口是一个

Typescript 中 interface 和 type

在接触 ts 相关代码的过程中，总能看到 interface 和 type 的身影。只记得，曾经遇到 type 时不懂查阅过，记得他们很像，相同的功能用哪一个都可以实现。但最近总看到他们，就想深入的了解一下他们。 interface：接口 TypeScript 的核心原

TypeScript学习笔记（三）：类

类 在TypeScript中，类似于C#的结构，即一个文件中可以存在多个类，且文件名可以任意取，我们先看一个简单的类的示例。 1 class Person { 2 private name: string; 3 private age: number; 4 5 public constructor(name:string, age:number) { 6

React + TypeScript 默认 Props 的处理

React 中的默认 Props 通过组件的 defaultProps 属性可为其 Props 指定默认值。 以下示例来自 React 官方文档 - Default Prop Values： class Greeting extends React.Component { render() { return (

【TypeScript教程】# 12：抽象类

说明 尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。 抽象类 以 abstract 开头的类是抽象类，抽象类和其他类区别不大，只是不能用来创建对象

React & Redux in TypeScript - 静态类型指南

翻译自 react-redux-typescript-guide，作者：Piotrek Witek 翻译自 TypeScriptでRedux Thunkを使う，作责：Yusuke Mori 参考文章 TypeScript 2.8下的终极React组件模式 概述：最近在

搭建Typescript+React项目模板

  搭建Typescript+React项目模板(1) --- 项目初始化搭建 Typescript+React 项目模板 (2) --- 提升开发体验搭建 Typescript+React 项目模板 (3) --- 整理项目和杂项搭建 Typescript+React 项目模板 (4) --- 项目打包搭建 Typesc

vue3 computed typeScript

<template> <div> <input type="text" v-model="firstName"> <input type="text" v-model="lastName">

TypeScript学习（十二）泛型

总结 泛型就是广泛的类型（任意类型），泛型变量T，可以是其他的名字，例如U、M等，仅代表类型 例如泛型函数，可以在调用的时候传入泛型参数决定类型，相比any会有更精确的含义表达 实战 // 例1 // 节流 // 类型不确定 export function throttle<T extends any[]>( // 类型不确定 this: any, fn:

TypeScript学习笔记（二）：基本数据类型及数据转换

数据类型 我们来看看TypeScript中的基本数据类型都有哪些。 boolean 布尔值，支持true和false。 var isDone: boolean = false; 默认为undefined，此时其和true与false判断都为false。 1 var isDone: boolean; 2 3 function run() { 4 alert(isDone ==

TypeScript学习（二）函数重载

函数重载 这个概念是在一些强类型语言中才有的，在JS中依据不同参数类型或参数个数执行一些不同函数体的实现很常见，依托于TypeScript，就会有需要用到这种声明的地方。 函数重载定义：函数名相同，函数的参数列表不同(包括参数个数和参数类型)，根据参数的不同去执行不同的操作。 关于函数重载，必须要把精确的定义放在前面，最后函数实现时，需要使用 |操作符或者?操作符，把所有可能的输入类

前端结合Typescript进行快速开发

这里介绍的是不使用任何的前端框架，保持初心，最简单的做法。以下总结，使用工具Visual Studio Code。  第一步：创建一个package.json文件。这个可以通过 npm init命令来完成。 第二步：创建一个tsconfig.json文件。这个用来定义typescript的编译选项。关键的一个设置如下，就是typeRoots这个设置。 第三步：在根目录下创建一个t

【TypeScript教程】# 6：使用webpack打包ts代码

说明 尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。 初始化项目 npm init -y 安装相应的依赖 npm i -D webpack webpack-cli

TypeScript算法基础——TS字符串的常用操作总结：substring、indexOf、slice、replace等

字符串的操作是算法题当中经常碰见的一类题目，主要考察对string类型的处理和运用。 在处理字符串的时候，我们经常会碰到求字符串长度、匹配子字符串、替换字符串内容、连接字符串、提取字符串字符等操

11月9日科技资讯|马云再谈对钱没有兴趣；比尔·盖茨：微软原本可以击败 Android！TypeScript 3.7 发布 | 极客头条

作者 | 唐小引 「极客头条」—— 技术人员的新闻圈！ CSDN 的读者朋友们早上好哇，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。扫描上方

Angular 学习笔记 (Typescript 高级篇)

由于 typescript 越来越复杂. 所以特意开多一个篇幅来记入一些比较难的, 和一些到了一定程度需要知道的基础. 主要参考 https://basarat.gitbook.io/typescript/ 高级书 https://jkchao.github.io/typescript-book-chinese/ 高级书中文版 版本 feature 字节前端的 typescr

极客头条：6月3日科技资讯|IEEE 解除华为限制；AWS、谷歌云大规模故障；TypeScript 3.5 发布

「CSDN 极客头条」，是从 CSDN 网站延伸至官方微信公众号的特别栏目，专注于一天业界事报道。风里雨里，我们将每天为朋友们，播报最新鲜有料的新闻资讯，

CocosCreator 自定义TypeScript在VsCode的提示数据

在assets文件夹外新建xx.d.ts文件如：global.d.ts global.d.ts declare class UserData{ node:cc.Node; name:string; } 就可以提示了

typescript 展开操作符，对象属性值更新

雷军：“下一代 Ultra旗舰将面向全球发售”；戴尔宣布完全退出俄罗斯；TypeScript 4.8发布|极客头条

「极客头条」—— 技术人员的新闻圈！ CSDN 的读者朋友们早上好哇，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。 整理 | 梦依丹 出品 | CSDN（ID：CSDNnews） 一分钟速览新闻点！ 小米 13

TypeScript 学习笔记 – Handbook 1

前言 一转眼, 一年多没有写 TypeScript 了. 最近又要开始写了, 乘此机会打算系统学习一下, 顺便写一个学习笔记. 我接触 TypeScript 比较早, 那是 Angular 2 beta 的年代, 那时候 TypeScript 还不到 1.8 呢. 后来都是看 What's New 一个一个版本跟着学. 所以学的很零散. 而且早些年真的很可怜, 总是被迫写出 AnyScript.

TypeScript 2.0开启空值的严格检查

摘要：在编程过程成空指针是最常见的bug之一，但是在TypeScript中我们无法使用具体的类型来表示特定的变量不能为空！幸运的是，TypeScript 2.0 解决了这个问题。 本文分享自华为云社区《TypeScript开启严格空值检查》，作者：搞前端的半夏。 在TS中，有对应JS中的基础类型null和undefined。 TypeScript里，JS中的基本数据类型undefined和nul

Typescript+React项目模板

搭建Typescript+React项目模板(1) --- 项目初始化 搭建Typescript+React项目模板(2) --- 提升开发体验 搭建Typescript+React项目模板(3) --- 整理项目和杂项 搭建Typescript+React项目模板(4) --- 项目打包 搭建Typescript&

[TypeScript]OOP

👩🏻‍🚀博客主页：⚠️十八岁讨厌编程⚠️ 📖所属专栏：TypeScript专栏💤 🌌写文目的&

typeScript基础(8)_ts类型断言

类型断言 就是当使用到的属性或者方法 一个接口上有一个接口上没有 需要使用类型断言 这样只是欺骗了ts,怎正运行js的时候还是可能报错的. 如下面的例子： interface M { n

React+Typescript 实现一个简单的豆瓣电影应用

  作者: github.com/Yangfan2016 源码: github.com/Yangfan2016… 协议：MIT 前言 看掘金上有人写过 React 高仿的豆瓣电影，我也准备尝试一下，顺便试试 React 新的编写风格 react-hooks 设计 豆瓣电影主站的 UI 样式不是很

带你了解Typescript的14个基础语法

摘要：Typescript可以说是JavaScript的超集，在JS的基础上新增了许多语法特性，使得类型不再可以随意转换，能大大减少开发阶段的错误。 本文分享自华为云社区《Typescript基础语法全解析》，作者：北极光之夜。 。 一.Ts是什么： 首先，强类型不允许随意的隐式类型转换，而弱类型是允许的。JavaScript就是经典的弱类型语言。而Typescript可以说是JavaScrip