TS September 03, 2020

深入 TypeScript 中的子类型、逆变、协变

Words count 5.8k Reading time 5 mins.

原文地址

TypeScript 中有很多地方涉及到子类型 subtype、父类型 supertype、逆变和协变covariance and contravariance的概念,如果搞不清这些概念,那...

Read article

JS April 19, 2020

<深入理解TypeScript读书笔记>(一)

Words count 11k Reading time 10 mins.

全局@types

@types 支持全局和模块类型定义

npm install @type/jquery --save-dev

默认情况下,TypeScript 会自动包含支持全局使用的任何声明定义

局部@types

安装完成后不需要做特别配置,只要想使用模块一样使用它一样

import * as $ from 'jquery'

可以在typeconfig.json中可以配置有意义的类型

{
    compilerOptions{
        "type" ...
Read article

JS March 25, 2020

<深入理解TypeScript读书笔记>(一)

Words count 9k Reading time 8 mins.

https://jkchao.github.io/typescript-book-chinese/#why

根据TypeScript官网中的介绍,TypeScript - JavaScript the scales (属于Js的超集),Ts发展至今已经是很多大型项目的标配,它提供的静态类型检查,大大的提高了代码的可维护性及可读性;同时提供最新和不断发展的Javascript特性,让我们能建立更加强壮的组件。

创建tsconfig.json文件,配置信息

通过compilerOption来定制你的编...

Read article

JS July 15, 2019

如何使用 vue + typescript 编写页面(1)

Words count 8.4k Reading time 8 mins.

原文地址

使用 vue-cli 创建项目

vue create demo ,demo就是创建项目的名称
提示选择预设,选择 Manually select features 回车确认
选择typescript vuex router babel css pre-processors,不使用linter,不选单元测试有需要另说
回车后按照需要选择合适的选项
选择完毕后回车等待资源准备

熟悉几个vue的装饰器 vue-property-decorator

以下的装饰器的功能和原js编写的功能相同/相似,可以...

Read article

JS July 04, 2019

TypeScript 的好处都有啥?和 JavaScript 的区别在哪?

Words count 3.1k Reading time 3 mins.

原文地址

在我看来 TypeScript 相对于 JavaScript ,除了静态类型外没带来任何东西。

既然如此

静态类型的好处到处都有说,这里就不说得太详细了,随便列一点。

  • 杜绝手误导致的变量名错误
  • 自动完成
  • 重构支持
  • 类型可以一定程度上充当文档

静态类型解放脑容量,自动完成让我不需要记忆哪个变量里有哪些属性,也不需要记完整的变量名。

函数上的类型约束外加尽量主动写纯函数让我在写函数实现的时候不需要关注函数之外的任何东西,注意力聚焦在当前函数。

当然,也不只有好处。

  • 类型标注麻烦。
  • 现...
Read article
Load more
0%