首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JSDoc ,一个可替代 TypeScript 的方案?

改进通用代码文档: 除了在代码中添加必要的类型之外,JSDoc还有很多方法可以提高可读性和理解的便利性。...它用于创建到指定URL的链接,而 @tutorial 标签用于将用户引导到生成的文档中的相对教程链接。 创建模块:在JSDoc中创建模块可以使用文件顶部的 @module 标签。...这将使当前文件成为一个模块。模块将在生成的文档网站上的单独部分中进行分组。...从JSDoc生成.d.ts文件 在TypeScript中, .d.ts 文件代表包含所有 .ts 文件都可以访问的类型声明文件。...您可以通过以下步骤从JSDoc代码生成这些文件: 在项目文件夹中安装 tsd-jsdoc npm install tsd-jsdoc 生成 .d.ts 文件 对于一个单独的文件 jsdoc -t node_modules

82810

大话 JavaScript(Speaking JavaScript):第二十六章到第三十章

可接受的聪明用法 有时候你可以在 JavaScript 中很聪明——如果这种聪明已经成为一种已经建立的模式。...JSDoc 生成的 HTML 输出。 JSDoc 网站上的自述文件解释了如何安装和调用这个工具。 JSDoc 的基础知识 JSDoc 的全部内容都是关于文档化实体(函数、方法、构造函数等)。...HTML 您可以在 JSDoc 注释中自由使用 HTML。例如,显示单词的等宽字体。 类型注释 您可以通过大括号中的类型名称来记录实体的类型。...前者更像是一种类型,而构造函数是实现类的一种方式。JavaScript 内置的定义类的方法有限,这就是为什么有许多 API 来帮助完成这个任务。...定义类最常见的方式是:通过构造函数、通过对象文字以及通过具有@constructs方法的对象文字。 通过构造函数定义类 要通过构造函数定义类,必须标记构造函数;否则,它将不会被文档化为类。

16210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    有JSDoc还需要TypeScript吗

    一旦你在本地完成了所有工作,你就需要考虑如何分发你的代码。你会检查你编译的.js文件吗?你会创建一个CI管道来自动编译你的.ts文件吗?如果你在写一个库,你如何发布你的库,以便它可以被其他项目使用?...你可以通过使用JSDoc在JavaScript中获得TypeScript的所有好处 TypeScript所提供的是一个静态类型系统。这意味着类型信息在运行代码中没有影响。...JSDoc 在JavaScript诞生25年多后,JSDoc作为一种注释JavaScript代码的方式被引入。它是一种正式的标记语言,允许IDE在开发者看到一个函数时提供额外的上下文。...最重要的是你要知道,几乎所有你能在.ts文件中做的事情,你都能用JSDoc来做。...如果你有复杂的类型,你仍然可以编写你的*.d.ts文件并在你的JSDoc注释中导入它们。

    35120

    TS in JS 实践指北

    JS 里的 TS 不知道大家有没有想过,为什么在 JS 中打出document.的时候,VSCode 就会自动弹出它里面的方法。 ?...指定默认入口: 包内自带的声明文件还可以不和源码放一起,单独放在某个文件夹维护,只要在 package.json 中指定声明文件的入口,VSCode 就会自动去找这个文件。.../** 我是 JSDoc 注释 */ function foo () {} JSDoc JSDoc 是一种注释规范,也是一种生成文档的工具,大家或多或少都接触过。...JSDoc 在 JS 中有一个非常好的优势。在和 TS 有关的能力中,「直跳」这个行为大部分时候会定位到代码的声明位置,而不是定义的位置。...在 JS 里使用 TS 能力的方法 1.使用声明文件2.使用 JSDoc 这两种方式还可以一起作用,实现一些复杂的类型效果。

    4.5K20

    JSDoc 真能取代 TypeScript?

    我们总得先了解下 JSDoc: 可能大家认为的 JSDoc 是这个东西: 在代码的注释上加上类型的标识,然后通过 jsdoc 命令行工具,就可以直接生成文档。...文档在这里: ts 支持在 js 文件的注释里,通过 JSDoc 的语法给它加上类型。 至于有什么意义,那可就太多了。...这就是 JSDoc 定义 class 类型的方式。 综上,用 JSDoc 可以定义变量、函数、class、泛型等,可以从别的 dts 文件引入类型。 基本上 ts 能做的,JSDoc 也都可以。...那我们再看下它怎么用的吧: 可以看到,是 js 文件里用 JSDoc 来声明类型: 然后复杂类型在 dts 里定义,然后这里引入: 就和我们刚才测试的一样。...ts 里可以定义的类型,在 JSDoc 里都可以定义,比如变量、函数、class、泛型,甚至类型编程等。复杂的类型还可以抽离到 dts 里,在 @type 里引入。

    42430

    如何查看jsplumb.js的API文档(YUIdoc的基本使用)

    最近向一些同事推荐了网页中实现流程图绘制的工具库jsplumb.js,Community版本是开源的,在github的官方仓库的Wiki中能够找到社区版的官方指南,非常非常详细。...(yuidoc后面是1个空格1个点号) YUIdoc就会在当前目录新建一个out文件夹,并将文档输出为本地静态网站,完成后只需要打开out目录中的index.html就可以本地查看API离线文档了,下图即是...jsdoc风格的注释语句转换成静态网站式的离线文档,所以你可以通过定制模板来为最终生成的文档增加不同的主题样式。...jsdoc风格通常都会有IDE插件直接生成(vscode和sublime里肯定是有的,因为我自己天天用),最常见的是函数声明注释,YUIdoc中可以识别的所有语法可以查看官方提供的【YUIdoc支持的注释语法...如果你开发的是一个工具库,需要生成完备的API文档,为了不影响源码阅读和开发,可以像jsplumb.js那样将注释语句单独写在一个文件中,因为是一个自动化工具,也没什么太多可讲的,有需要的朋友直接浏览一下官网就可以很容易地使用了

    2.1K00

    如何优雅地编写一个高逼格的JS插件?

    原型链写法 要开始编写插件就得先了解JS模块化,早期的模块化是利用了函数自执行来实现的,在单独的函数作用域中执行代码可以避免插件中定义的变量污染到全局变量,举个栗子,以下代码实现了一个简单随机数生成的插件...JS原型链的极致利用,首先主动对其原型上的init方法进行实例化并返回,init相当于构造函数的效果,而此时返回的实例里并没有包含Fn的方法,我们调用时JS自然就会从init的原型对象上去查找,于是最终...补充:模块化的发展 早期利用函数自执行实现,在单独的函数作用域中执行代码(如 JQuery ) AMD:引入 require.js 编写模块化,引用依赖必须提前声明 CMD:引入 sea.js 编写模块化...,特点是可以动态引入依赖 CommonJS:NodeJs 中的模块化,只在服务端适用,是同步加载 ES Modules:ES6 中新增的模块化,是目前的主流 本文前三种插件编写方式均属于利用函数自执行(...所以这里我们使用 JSDoc 来创建 API文档,它使用简单,只需要在代码中编写规范的注释,即能根据注释自动生成文档,一举多得,十分优雅!

    1.1K10

    为你的 JavaScript 项目添加智能提示和类型检查

    基于 JSDoc JSDoc 是目前最通用的 JavaScript API 文档生成器,根据其语法编写代码注释,可以十分方便地自动生成文档。...= {a: true}; x.b = false; x. // <- 由于 type 声明,"x" 将被提示含有属性 a,b 以及 c JSDoc 最常见的使用是为函数的参数声明类型,使用 @param...不严格地来说,ts 类型声明文件就像用 TypeScript 语法将 JSDoc 的注释重写了一遍并提取到了单独的文件中。...VSCode 更是将二者作了融合,当你二者混用的时候,可以直接在 JSDoc 的注释中直接使用 ts 类型声明文件中定义的 interface 和 class 等。...另外,在 VSCode 中,类型检查并非默认开启,这意味着即使你有详尽的 JSDoc 注释或 ts 类型声明文件,依然可能在数据类型上栽跟头。

    3.6K20

    JSDoc 初探:代码内的文档标记

    JSDoc 3 是一个用于 JavaScript 的API文档生成器,类似于 Javadoc 或 phpDocumentor。可以将文档注释直接添加到源代码中。...以 /*、/***开头或超过3颗星的注释将被忽略。这个特性用于控制解析注释块的功能。JSDoc是一种用于为JavaScript代码生成文档的工具。...在阅读和使用第三方库时,可以通过查看JSDoc生成的文档来了解函数和方法的使用方式、参数、返回值等信息。...在JSDoc中,可以使用各种标签来描述代码的不同方面,例如:@param:用于描述函数或方法的参数类型和含义;@returns:用于描述函数或方法的返回值类型和含义;@throws:用于描述函数或方法可能抛出的异常类型和含义...需要注意的是,在JSDoc中标记参数具有默认值并不会改变函数或方法的实际调用方式,你可以只在注释中写好标记的默认参数,而不写在代码中,反之亦然(君子协定)。

    27010

    TypeScript 5.0 正式发布!

    除了元数据之外,方法的 context 对象还有一个有用的函数:addInitializer。这是一种挂接到构造函数开头的方法(如果使用静态方法,则挂接到类本身的初始化)。...具体定义装饰器函数的复杂程度取决于想要保证什么。需要记住,装饰器的使用次数将超过它们的编写次数,所以类型良好的版本通常是更好的——但显然与可读性有一个权衡,所以请尽量保持简单。...// ... })); JSDoc 支持 @overload 在 TypeScript 中,可以为函数指定重载。...重载提供了一种方式,用不同的参数调用一个函数,并返回不同的结果。它可以限制调用者实际使用函数的方式,并优化将返回的结果。...目前,它们仍然不稳定且处于试验阶段,现在可以通过在 JSON 选项中使用 typescript.unstable 在 VS Code 中选择加入它们。

    3.9K70

    【译】不是 TypeScript 的 TypeScript -- JSDoc 的超能力

    目录 带有JSDoc注释的TypeScript 激活检查 内联类型 定义对象 定义函数 导入类型 使用泛型 枚举 typeof 从类扩展 带有 JSDoc 注释的 TypeScript 在最优的情况下,...类型有很多很多,比评论中的几种基本类型更多。结果就是使用 JSDoc 类型可以让你走得很远。...这样,您就可以在 TypeScript 中编写 TypeScript 类型定义,并将它们导入源文件中。...考虑将它们放在 TypeScript 文件中并通过导入功能导入它。...特别是在输入泛型时,TypeScript 还有一些功能,但是对于很多基本任务,你可以在不安装任何编译器情况下获得很多编辑器的能力。 知道的更多?给我发一条推文。我很高兴在这里添加它们。

    3.2K30

    提升LLM结果:何时使用知识图谱RAG

    简而言之,知识图谱与 向量存储 相结合,可以提供一种方法来直接连接在向量空间中可能不接近或不相似,因此在检索过程中不会被认为是“相关”的文本块。...一个例子可以在 RAGStack 文档关于知识图 RAG 的部分 中找到。 使用有意义的关键词作为节点构建图,这些节点连接到包含它们的文档,这可能是一种有效的图 RAG 策略。...术语和定义 在法律文件、学术出版物和研究作品中,我们有术语和定义作为列表或词汇表,通常出现在文档的开头或结尾。...在这些情况下,在整个文档中引用这些术语和定义非常有用,这样我们就可以始终清楚地了解所表达的内容。如果没有这些术语的定义,文档的某些部分可能会变得模糊或几乎毫无意义。...提取这些定义和术语以及将它们连接到文档的正确片段的具体实现将取决于原始文档本身的格式、术语表或定义相对于文档其余部分的结构等。

    14210

    【js】如何正确的写代码注释?

    /* 时间戳日期格式化函数 */ function formTime(time,isyear){ } 简单的变量声明之类的内容可以进行简单注释,但是函数就不能这样做了,要知道注释的作用是一种为了让代码更易读...、易维护、易理解,起到提示的作用的,上面的两个注释都是正确的,但是它起到的作用太低了,在正式工作中我们往往会协同开发,这种注释是万万不可的。...优点 方法提示 time是个字符串 我们要截取字符串 普通注释 文档注释 内容提示 鼠标移动到函数以及参数上所给的提示。...自动化生成文档 既然叫文档注释,那么生成个文档也没什么好奇怪的吧, 生成文档的包有很多种,比如jsDoc,apiDoc等等,在这里我使用jsdoc。 安装 输入以下命令进行全局安装。...npm install jsdoc -g 基本使用 jsdoc 文件名 其他的使用方式可以去官网查看 jsdoc 33.js 执行完此命令,会生成一个out文件夹,查看里面的index页面即可,右边侧边栏会显示函数的使用

    20920

    不是Typescript用不起,而是JSDoc更有性价比?

    _clock = clock; } } 在实践中,多用于配合 jsdoc2md 等工具,自动生成库的 API 文档等。...的类型声明定义成 TS 风格,更是支持了在 JSDoc 注释的类型声明中动态引入并解析 TS 类型的能力。...,不管项目本身是否支持 TS,我们都可以放心大胆地先定义好类型定义的 .d.ts 文件,如: // color.d.ts export interface Rgb { red: number;...在通常的情况下,ProtoBuf(Protocol Buffers)的设计思想是先定义 .proto 文件,然后使用编译器生成对应的代码(例如 Java 类和 d.ts 类型定义)。...的能力,我们可以设计一种退而求其次、虽不中亦不远矣的改造方案 -- 在要求后端团队写出相对比较规整的实体定义等的前提下,编写提取转换脚本,定期或手动生成对应的 JSDoc 类型定义,从而实现前后端业务逻辑的准确同步

    55410

    知识图谱和 LLM:多跳问答

    这篇博文探讨了: RAG 应用程序的内部运作 知识图谱作为一种高效的信息存储解决方案 结合图和文本数据以增强洞察力 应用思维链问答技术 RAG 的工作原理 检索增强生成(RAG)是一种通过从外部数据库检索相关信息并将其合并到生成的输出中来增强...每条记录都是单独处理的,但知识图谱表示连接数据,从而可以轻松回答跨多个文档的问题。 大多数回答多跳问题的较新的 LLM 方法都侧重于在查询时解决任务。...事实上,许多多跳问答问题可以通过在摄取之前预处理数据并将其连接到知识图谱来解决。您可以使用 LLM 或自定义文本域模型来执行信息提取管道。...在思维链中使用知识图谱 围绕 LLM 的另一个令人着迷的发展是思维链问题回答,尤其是 LLM 代理。 LLM 代理可以将问题分为多个步骤,定义计划,并利用任何提供的工具生成答案。...通过单独处理每个文档并将它们连接到知识图谱中,我们可以构建信息的结构化表示。这种方法可以更轻松地遍历和导航互连文档,从而实现多跳推理来回答复杂的查询。

    81910
    领券