微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

TypeScript作为前端开发你必须学习的技能

2019年,TypeScript已经开始渐渐的崭露头角,各大框架都说要使用TypeScript,虽然现在还没有完美,但是TypeScript很有可能会成为下一个主流技术。

废话就不多说了,直接开始吧。

 首先了解TypeScript

  TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。

  TypeScript 由微软开发的自由和开源的编程语言。

  TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

语言特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展增加功能包括

  • 类型批注和编译时类型检查
  • 类型推断
  • 类型擦除
  • 接口
  • 枚举
  • Mixin
  • 泛型编程
  • 名字空间
  • 元组
  • Await

以下功能是从 ECMA 2015 反向移植而来:

  • 模块
  • lambda 函数的箭头语法
  • 可选参数以及认参数

JavaScript 与 TypeScript 的区别

  TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

  TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

TypeScript 安装

  如果已经安装了node,并且已经配置的话,直接输入下面的命令安装就可以了,安装的位置会在你配置的文件夹里面,如果没有安装node的话请参考我的《vue搭建环境》一文

  npm install -g typescript

  安装完之后,查看版本号:
  tsc -v

  通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

TypeScript编译成JavaScript

  tsc xxx.ts

  编译之后会在xxx.ts同文件夹下生成一个xxx.js文件,可以通过node依赖来运行,或直接当作普通js来使用

 

图文实例:

  1.先创建一个后缀为ts的文件,这里为 test.ts

  

 

 

   

  2.使用命令行工具或git打开test.ts所在文件夹,输入:tsc test.ts      注:(ts代表的是typeScript, c 代表的是编译输出)

  

 

 

   3.打开test.ts文件夹,就可以看到生成一个名为test.js的文件

  

 

 

   4.通过node依赖,运行test.js,在命令行工具输入:node test.js 就能运行输出结果了,或者直接当成普通脚本在HTML代码上引用输出也行

  

 

 

 这样你就创建了你的第一个TypeScript和进行了编译了,下面继续学习

 

TypeScript 基础语法

 TypeScript的基础语法不多,可以说学习起来会比学javascript快很多。

 TypeScript 程序由以下几个部分组成:

  • 模块
  • 函数
  • 变量
  • 语句和表达式
  • 注释

  和javascript一样,TypeScript也区分大小写,也会忽略程序中出现的空格、制表符和换行符。空格、制表符通常用来缩进代码,使代码易于阅读和理解。

 

待续.....................

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐