TypeScript的初识

TypeScript 是什么

TypeScript (简称:TS )是 JavaScript 的超集 ( JS 有的 TS 都有)。TypeScript = Type + JavaScript (在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。

在JS的基础下为什么要用ts

  1. js最开始是为了在前端做数据效验,本身是有缺陷的----变量没有类型
  2. 在大型项目中,js在出错之后,不好定位出错的代码,在执行阶段才能发现
    3.ts需要添加类型,在代码编译的时候ts(代码执行前)就可以发现错误 。
  3. ts属于静态类型的编程语言, JS 属于动态类型的编程语言。
    静态类型:编译期做类型检查; 动态类型:执行期做类型检查。
    代码编译和代码执行的顺序: 先编译 后执行。

TS的特点

  1. 给变量和函数参数定义数据类型
  2. ts需要编译,在编译阶段(cnpm i typescript -g )就可以发现数据类型错误,从根源上解决数据类型导致的一些bug
  3. 新增了一些特殊类型:元祖 泛型 联合类型 字符串常量 构造类修饰器--public(公共成员)、private(私有成员)、protected(保护成员)
  4. 只要是js可以执行的平台(浏览器,node),ts都可以使用
  5. ts不能直接使用,需要编译成js之后再去调用
  6. 可以给ts添加配置选项,指定比如需要编译的ts文件/目录,以及转成的js版本,模块化的标准(commonJS/ES6)
  7. 程序中任何位置的代码都有代码提示 ,随时随地的安全感,增强了开发体验。
  8. 强大的类型系统提升了代码的可维护性,使得重构代码更加容易。
  9. TS 类型推断机制, 不需要在代码中的每个地方都显示标注类型 ,让你在享受优势的同时,尽量降低了成本。

怎么使用TS

  1. 创建一个.ts文件



    2.全局安装ts(在终端编辑cnpm i typescript -g )


为什么要安装编译 TS 的工具包?

Node.js/浏览器,只认识 JS 代码,不认识 TS 代码。需要先将 TS 代码转化为 JS 代码, 然后才能运行。

3.如果不知道有没有安装成功可以查看一下版本


  1. 开始编译



    随后就会自动生成一个.js文件

  1. 在.ts里开始写代码,并且编译,.js文件随后也会同步(报错可以不必理会,问题不大,不会影响运行)



  2. 在.ts里给变量添加类型注解



    开始运行



    出现上图错误表明编译错了文件,应该编译.js文件
  3. 全局监听
    初始化



    自动生成(也可以自己手动添加)



    打开文件,只留下编译选项

    编译一下(会发现不会再报错了)

    然后进行全局监听




    出现上图情况表明已经监听成功

为什么要进行监听

每次修改代码后 ,都要重复执行两个命令 ,才能运行 TS 代码, 太繁琐,于是就进行监听 ,监听当前目录下的ts文件改变,并且如果没有发现错误,就可以运行 JS 代码。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容