前端开发何必执着于Typescript？Jsdoc一样很好用

为什么很多公司执着于typescript？因为typescript支持很多JS不支持的特性，正确的使用typescript，可以使你的代码更易于维护。

镜湖ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

最主要的是可以给JS添加类型，使编辑器的提示更智能。

但是，typescript是很复杂的一门语言，很多开发者并不能很好的运用typescript，甚至很多人是被迫的，他们内心是反感使用typescript的，导致代码写的乱七八糟。

事实上，JS也有很多优势是typescript所不具备的，比如：JS的灵活性很高。

如果我告诉你，有一种工具，完全可以像写typescript一样写JS，你会用吗？

我说的这个工具就是jsdoc，我们可以叫它JS文档注释。它的目的也是为JS添加类型的，只是以注释的形式添加的，它有固定的语法。

我就以项目中的代码来举例吧，大家看如下文档注释。其中，@template 用于声明泛型类型，@typedef 用于定义一个类型。

在这里，我们定义了一个泛型T和一个名叫TreeNode的类型。TreeNode包含2个确定的字段：id和children，剩下的字段由泛型T确定。

/**
 * @template T
 * @typedef {T & {id: number, children: TreeNode[]}} TreeNode
 */

下面，我们来测试一下这个类型。

如下图，我们声明一个变量node，使用@type指定为TreeNode类型，尖括号中间的对象类型替代了我们定义中的泛型T。

当我们键入点号后，编辑器给出了非常智能的提示。大家说，是不是很酷？

这是真实项目中的代码，一个生成ID的函数。

使用@param可以为函数参数指定类型，在这里，我们为tree指定了TreeNode数组类型。使用@returns可以指定函数返回值的类型。

/**
 * @param {TreeNode<{}>[]} tree
 * @returns {number}
 */
export const genId = tree => {
  return (function eachFn (data) {
    return data.reduce((t, item) => {
      return Math.max(
        t,
        item.id || 0,
        item.children ? eachFn(item.children) : 0
      )
    }, 0)
  })(tree) + 1
}

如下图，由于我们给tree指定了类型，当键入点号后，编辑器知道data是数组类型，正确地给出了数组的成员提示。这使我们在键入时，不易出错。

通过数组方法，编辑器也推导出了item的类型，当我们键入点号后，给出了合理的提示。

当我们鼠标指针移入函数名时，编辑器给出了该函数的提示。告诉我们，该函数接收一个TreeNode数组参数tree，返回数值类型结果。

现在，大家觉得jsdoc怎么样？是不是很好用？酷不酷？

如果大家开发用的语言是JS，我建议大家学学jsdoc。jsdoc的用法远比本文介绍的要多，它很强大，但语法却很简单易学。

本文标题：前端开发何必执着于Typescript？Jsdoc一样很好用
URL标题：http://www.mswzjz.cn/qtweb/news20/540420.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能