码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【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的学习笔记,如果有兴趣的小伙伴,希望能求个三连,跪谢!!!

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

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


  • 相关阅读:
    C语言基础6:指针基础:指针类型、野指针、指针运算(+、-、关系)、指针和数组、二级指针、指针数组
    YOLO目标检测——人体行为数据集【含对应voc、coco和yolo三种格式标签】
    Spring Boot2配置Swagger2生成API接口文档
    10.8号作业
    AC8015笔记
    CSS3提高: CSS3 动画
    自适应螺旋飞行麻雀搜索算法
    Domo商业云平台快速入门指南
    k8s——5、service
    R语言使用qcauchy函数生成柯西分布分位数函数数据、使用plot函数可视化柯西分布分位数函数数据(Cauchy distribution)
  • 原文地址:https://blog.csdn.net/weixin_52058417/article/details/126210186
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号