TypeScript 入门法则
TypeScript 入门级别知识
楷鹏 : )
长期持续交付有用、有趣的科技内容
展开
-
修改了 tsconfig.ts 没变化?试试重启 TS server!
文件之后,TypeScript 老是没有检测到修改,无奈只能重启 VSCode。(Windows) 打开 command palette,输入。文件,再在 command palette 输入。命令,那是因为这条命令需要你在。文件的 Tab 才可用。这里有一个坑,就是没有。所以你要先随便打开一个。(MacOS) 或者。,这个时候就找得到了。原创 2022-09-30 11:33:49 · 3669 阅读 · 1 评论 -
TypeScript 快速入门
下面例子中,虽然 point 对象并没有实现 Point 接口,但他和 Point 兼容,所以就将 point 对象确定为 Point 类型。TypeScript 怎么做到的呢,当你给某一变量赋值时,TypeScript 就知道他的类型了。严格来说指的是在 runtime 中动态确定类型,而 TypeScript中 是静态确定类型的。结合类型判断,可以根据给定的不同参数类型作出不同的动作。”(走路像鸭子,叫声像鸭子,那么它肯定是一只鸭子)除此之外,TypeScript 还提供了类型声明。原创 2022-09-19 00:03:30 · 171 阅读 · 0 评论 -
TS/TypeScript 中,把对象的所有键/值变成一个联合类型 Union Type
要把一个对象的所有键、值组合成一个联合类型,需要三步骤:1. 定义一个只读对象2. 使用 `keyof typeof` 得到对象的所有键类型3. 使用键去得到联合类型原创 2022-08-15 15:17:17 · 2895 阅读 · 0 评论 -
React 中,如何传递泛型给 JSX 组件元素
挺简单的,刚好最近写的一个组件使用到了泛型,主要是给 Props 使用,可以看看这个🌰例子:原创 2022-08-01 17:48:29 · 1284 阅读 · 0 评论 -
解决 TypeScript 报错:A computed property name in an interface must refer to an expression whose type ...
并且尝试定义一个interface不过同样有提示说使用计算属性必须要用或者。那么引用一个随时都可能的值作为属性,那么就有可能出现找不到属性的情况,因为通过定义或者去确保这个值不会被改变。as也可以使用const我是Pandy,一个喜欢英语的程序猿👨💻如果你挣扎于看不懂英语官网,或者对英语感冒的话,可以关注公众号哦,我们加入一起充电英语🔌。......原创 2022-07-21 19:15:41 · 1650 阅读 · 0 评论 -
React 中事件的类型定义
React搞了一套自己的事件类型,所以你没办法使用TypeScript内置提供的。这里的限定的类型是TypeScript提供的DOM元素类型。如果你挣扎于看不懂英语官网,或者对英语感冒的话,可以关注公众号。我是Pandy,一个喜欢英语的程序猿👨💻。哦,我们加入一起充电英语🔌。,用于其他所有的事件。.........原创 2022-07-21 14:00:43 · 829 阅读 · 0 评论 -
TypeScript/TS 错误:用 class 定义对象时 Property ‘***‘ does not exist on type ‘***‘.
我们在使用 定一个类时,直接给类实例添加属性会报一个 TS 的错误:比如上面, 会报错:💥 因此,我们需要加上类型定义:这样就避免了报错。[1] https://stackoverflow.com/questions/41315930/class-declaration-property-does-not-exist-on-type-in-typescript......原创 2022-07-12 00:24:05 · 1357 阅读 · 0 评论 -
创建一个 TypeScript/TS 的 NPM/npm 包
在 GitHub 上创建一个仓库,并 到本地登录到 npm 官网 https://www.npmjs.com/注册登录你的账号其实就是生成一个 文件:4. 安装 TypeScript 依赖添加 文件6. 安装 和 添加 文件添加 文件在 添加需要的运行脚本在 添加白名单文件安装 ,用于单元测试创建 把 中旧的 运行脚本替换掉在 下创建一个 文件在 下创建 文件夹,在 文件夹下创建一个 文件,编原创 2022-07-11 23:46:21 · 1848 阅读 · 0 评论 -
setTimeout/setIntervel 的类型定义
首先先用 关键字获取 函数的类型,接着利用 TypeScript 提供的 工具,获取 函数的返回类型:原创 2022-06-30 17:51:50 · 633 阅读 · 0 评论 -
处理 useRef + useImperativeHandle :Property ‘xxx‘ does not exist on type ‘never‘. 的类型错误
这个 hook 可以自定义一个对象,暴露给父组件。这个 hook 一般结合 一起使用,实现父组件去调用子组件中的实例属性 or 方法,进而操作子组件的 DOM。那么使用 和 时如何定义类型呢?我们通过一个简单栗子 🌰 来学习一下 :先定义一个组件:在父组件中引用该组件:很多人会这样写,把 TypeScript 变成 AnyScript,对于 还报的 错误 ,直接 把错误干掉。我们需要做几件限定类型安全的事情:记住,一定要利用好 TypeScript,保障好类型安全,避免 AnyScri.原创 2022-06-30 14:13:58 · 2376 阅读 · 0 评论 -
TS:获取数组的元素类型
如何取到数组中元素的类型, 我们可以用这种方式:当我们hover在item上时,就会出现它的类型可以看到我们取到我们想要的数组中的元素类型原创 2022-06-14 16:28:51 · 4013 阅读 · 0 评论