如何从 JavaScript 切换到 TypeScript 的?

您是如何从 JavaScript 切换到 TypeScript 的?我真的很想听听其他人是如何做到的。

你为什么这么做,你用了什么技术或方法来让它无痛和顺利?😁

因为,我在 React 中使用过TypeScript好几次。我现在正在做自己的作品,我想我可能还需要更多东西。我不怎么熟悉,然后就不再使用它了。

最近,我几乎到处都能看到 TypeScript,当我计划再次跳回求职岗位时(在尝试找到我的第一份工作并发送了 300 份简历之后),我决定更加认真地对待 TypeScript。

目前在许多职位列表中看到了 TypeScript,但不确定目前国内是否需要。但是从目前github上的开源应用来看,我确实需要它,需要学习它。

因此,我决定从 Vanilla JavaScript 开始,而不是 React,因为我一直首先瞄准 Vanilla 以加强基础知识。另外,我可以编写代码,但有时很难从理论上真正解释它,而这正是我面试所需要的。

首先,我花了2-3天的时间阅读官方文档并记录所有内容。然后我又重新阅读了这些笔记好几次,其中 80% 的文档我都感到厌烦了。我就是那个看书就睡着的人。我通常从实践中学得更快,所以我准备了一些理论知识并开始将 JavaScript 转换为 TypeScript。

太可怕了!我几乎无法使用从理论中学到的任何东西,我忘记了我写下和阅读的所有内容,并且陷入了困境。我的目标是尝试阅读、记住,然后尝试将其运用到知识中。没有。

最后,我的计划没有成功,我只是开始学习,同时修复所有红线并到处谷歌搜索。第一个 Vanilla 项目(非常小)花了我几乎一天的时间才转换为 TypeScript,因为我必须大量谷歌搜索,但也要了解我这样做的原因。我还大量使用ChatGPT来增加编码时间,而不是谷歌搜索和过滤信息。看来写 2023 已经不再适用于搜索了。

第二天,我继续做同样的事情,但后来意识到我的大部分项目都在 React 上。所以我在 Github 上找到了随机项目并开始将它们转换为 TypeScript。并且开始变得越来越好。

我的主要想法不是从头开始编码并尝试为 TypeScript 提出所有可能的案例场景,而是采用已经使用 Vanilla JavaScript 制作的项目并将其转换为 TypeScript。参与其他人的项目也可能是一个额外的好处,因为我学会了阅读其他人的代码。

今天将是我练习的第三天,我试图分析它是否有效。

令人惊讶的是,案件场景永远不会结束。我学会了如何创建接口,但还没有创建别名,不知道为什么哈哈。然后使用大量类型断言来处理 DOM、可选参数,当然还有泛型。有时会被异步函数困住,但我确实觉得它确实变得更好了。我正在考虑继续这种方式,然后以类似的方式切换到 React。

那么,你是如何学习 TypeScript 的呢?也许您计划这样做并且有一些好主意?


文章来源地址https://www.toymoban.com/diary/problem/353.html

到此这篇关于如何从 JavaScript 切换到 TypeScript 的?的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/problem/353.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
上一篇 2023年10月06日 23:55
下一篇 2023年10月07日 01:26

相关文章

  • TypeScript的魔法:如何轻松提升JavaScript项目的稳定性

    JavaScript,作为Web开发的核心语言,因其灵活性和广泛的应用受到开发者的喜爱。然而,这种灵活性也带来了挑战,尤其是在大型项目中,代码的维护和错误的追踪变得越来越困难。 TypeScript,起初被许多开发者视为“带类型的JavaScript”,但实际上,它远不止于此。确实,Ty

    2024年02月10日
    浏览(49)
  • TypeScript与JavaScript

    博主作品: 《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目,可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程,企业实战开发。《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMV

    2024年02月05日
    浏览(44)
  • 单例模式——javascript和typescript

    确保某个方法或者类只有一个是咧。而且自行实例子并向整个系统提供这个实例。 某个方法或类只能一个; 必须自行创建这个实例 必须自行向整个系统提供这个实例。

    2024年02月05日
    浏览(50)
  • 一文了解JavaScript 与 TypeScript的区别

    TypeScript 和 JavaScript 是两种互补的技术,共同推动前端和后端开发。在本文中,我们将带您快速了解JavaScript 与 TypeScript的区别。   一、TypeScript 和 JavaScript 之间的区别 JavaScript 和 TypeScript 看起来非常相似,但有一个重要的区别。 JavaScript 和 TypeScript 之间的主要区别在于 JavaS

    2024年02月14日
    浏览(51)
  • TypeScript是什么?它与JavaScript有什么区别?

    面试题-TS(1):TypeScript是什么?它与JavaScript有什么区别? TypeScript是一种编程语言,它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript。 JavaScript是一种广泛应用于Web开发的脚本语言,它的灵活性和易用性使得它成为了开发者们的首选。然而,JavaS

    2024年02月16日
    浏览(47)
  • React框架:TypeScript支持的JavaScript库

    React 框架是一个功能强大的 JavaScript 库,让用户可以轻松地构建高度动态的用户界面。它借助虚拟 DOM 的思想实现高效的性能,并具有易于使用和灵活的编程接口。随着越来越多的人开始使用 React ,在不断的发展和变化中, React 框架现在加入了 TypeScript 的支持,使其成为一个

    2024年02月11日
    浏览(65)
  • TypeScript:为什么JavaScript需要类型检查?

    JavaScript是当今最为流行的编程语言之一。它是一种高级的、解释性的编程语言,用于Web应用程序的开发。然而,JavaScript的灵活性也是它的弱点之一。JavaScript中的变量、函数、类等都是动态类型,这意味着它们的类型可以在运行时发生变化。虽然这种灵活性为JavaScript开发人员

    2024年02月04日
    浏览(56)
  • typeof 在TypeScript中和JavaScript中的区别

            在TypeScript中和JavaScript中都有typeOf,但是作用用法却大有不同。 一、typeof用来判断数据类型返回结果: 基本数据类型:string,number,boolean,undefined 引用数据类型:object (不管是什么引用类型就返回object),function 二、typeof判断变量是否存在         ts中的typeof可

    2024年02月09日
    浏览(49)
  • Vue框架:适用于TypeScript的JavaScript框架

    Vue 是一个高效、灵活、易于学习的 JavaScript 框架,它采用了 MVVM 架构,能够快速构建交互式的用户界面。作为一种现代化的框架,Vue已经成为了许多开发者的首选,其中也包括了很多使用 TypeScript 的开发者。 Vue 框架的最大特点是轻量级、易于上手、灵活和高效,这一点也是

    2024年02月11日
    浏览(41)
  • TypeScript 从入门到精通:打造可靠、高效的现代 JavaScript

    TypeScript作为一种静态类型的编程语言,可以显著改善JavaScript项目的可维护性、可读性和开发效率。本篇博客将带你从入门到精通TypeScript,探索其强大的特性和用法。我们将深入了解基本类型和变量声明、函数和类、模块和命名空间等核心概念,并通过更多的案例代码帮助你

    2024年02月13日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包