• 【TypeScript】带类型语法的JavaScript


     目录

    TypeScript 概述:

    为什么一定要在TypeScript中为JS添加类型支持? 

    TypeScript 相比 JS 优势?

    配置 TS 开发环境:

    编译并运行TS代码:

    简化 TS 代码运行:

    结束语句 END-FEIHUA:


    个人习惯,上来就是官方链接扔脸上 😏

    TypeScript: JavaScript With Syntax For Types.TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.https://www.typescriptlang.org/

     


    TypeScript 概述:

            TypeScript is JavaScript with syntax for types.

            TypeScript 带类型语法的JavaScript!作为JavaScript 的超集!总之就是比JavaScript更6

    X,换句话说就是语法特性更多,更难学,好了!现在可以点个关注,收藏可以退出了!哈哈哈,开个玩笑,我们继续往后面学习!

            TypeScript 是在JavaScript 基础上增加了对数据类型的支持!

    1. // 使用JavaScript声明变量:
    2. let value = "key"
    3. // 使用TypeScript声明变量,需要指定数据类型:
    4. let value: String = "Key"

            看到这里肯定会有小伙伴要问了:JavaScript 不指定变量类型,作为一门动态类型语言,我用的爽的飞起,不用指定变量类型,赋个值就好啦,为啥要在上面指定数据类型吶?

    为什么一定要在TypeScript中为JS添加类型支持? 

            又有小伙伴问啦:那好处在哪里呢?要是好处不明显还不如就使用JS,降低学习成本呀?这叫什么?精打细算!

    TypeScript 相比 JS 优势?

            大概优势就是,让你减少写Bug,找Bug和改Bug的摸鱼时间,极大的提高了资本剥削与压榨,我觉得对个人发展十分不友好(手动狗头保命)注意:能让你走在前端技术的前沿!!!

            这里估计又有人要说了,这么好,我是一个热爱劳动的人,那么那我们快点开始学习吧!

            好的,文西!那我们就开始学习TS吧(TypeScript 和 JavaScript 打字太麻烦,这里使用TS JS 代替,没错,我就是这么高效率的一个人,优秀!)


    配置 TS 开发环境:

            啊这,这时目前我还不能接受的,所谓的更高级的TS,编译运行居然是把TS编译成JS然后在Node和浏览器中运行!

            安装TS转换包:

     npm i -g typescript

            验证是否安装成功:

    tsc -v

    编译并运行TS代码:

            直接上手开始敲代码,不要怂!学习编程就和追女生一样,怂了,你就输了百分之90!

            那就有人又要问了,就然不怂的话是不是就有女朋友了?你有女朋友吗?就在这里瞎扯!!!

            哈哈哈,鄙人不才,请点击下方头像打开我的主页,看到我的头像,不要伤心!劳烦点个关注,将我传到首页解惑,哈哈哈!

             咳,咳,跑远了......继续,我们先使用VS code或者其他的IDE工具,创建一个Hello.ts文件(注意:这里的后缀名是ts,不是js),大佬请用记事本打开编写,当然像我这种废物优秀的人,直接安排vim!

     

            为了展示我的实力,有必要截图见证一下(手动坏笑):

            创建一个TS文件:

             敲代码:

             还真就编程了JS文件:

            使用Node运行JS文件:

    简化 TS 代码运行:

            当然这种**的运行方式,显然不符合大众的开发效率呀,当然简化方法:

             全局安装ts-node:

    npm i -g ts-node

    结束语句 END-FEIHUA:

            OK,到这里我估计各位小伙伴对与TS已经有了一个大概的认识,在后续的教程中我将继续废话式输出TS的学习笔记,如果有兴趣的小伙伴,希望能求个三连,跪谢!!!

            这也是我第一次尝试使用整活的方式输出技术类的文章,如果对此有什么不满或者意见的话可以私信或者评论区给我一波留言,看到后我会第一时间回复大家,再次感谢!

            话说这不会是屏幕前你看到这里是的样子吧!!!


  • 相关阅读:
    Redis:缓存(双写)一致性问题
    ElasticSearch--分片的路由原理
    LeetCode、3无重复最长子序列
    Leetcode3200. 三角形的最大高度
    服务号升级为订阅号的方法
    ceph集群巡检项
    【Redis】Redis 安装启动使用流程
    NPDP考试应该怎么准备?考试攻略解析!
    播报卡顿,破音 问题总结
    创建运行时类的对象
  • 原文地址:https://blog.csdn.net/weixin_52058417/article/details/126210186