TypeScript入门

TypeScript是什么?

TypeScript是一种由微软开发的支持ES6标准的编程语言,它也是Angular2的开发语言,它可以编译成纯Javascript,编译出来的Javascrip可以运行在任何浏览器中。

TypeScript的优势:

  • 支持ES6规范
  • 强大的IDE支持
  • 它是Angular2的开发语言

如何搭建TypeScript开发环境?

所谓的搭建TypeScript开发环境,其实就是安装compiler(编译器),安装编译器的主要作用就是将TypeScript转换成Javascript代码,这样才能实现在不同的浏览器中运行。

在线 compiler 编译器

进入到Typescript官网,点击菜单栏中的Playground就可以进行在线编译了

https://www.typescriptlang.org/play?#code/PTAEHUFMBsGMHsC2lQBd5oBYoCoE8AHSAZVgCcBLA1UABWgEM8BzM+AVwDsATAGiwoBnUENANQAd0gAjQRVSQAUCEmYKsTKGYUAbpGF4OY0BoadYKdJMoL+gzAzIoz3UNEiPOofEVKVqAHSKymAAmkYI7NCuqGqcANag8ABmIjQUXrFOKBJMggBcISGgoAC0oACCoASMFmgY7p7ehCTkVOle4jUMdRLYTqCc8LEZzCZmoNJODPHFZZXVtZYYkAAeRJTInDQS8po+rf40gnjbDKv8LqD2jpbYoACqAEoAMsK7sUmxkGSCc+VVQQuaTwVb1UBrDYULY7PagbgUZLJH6QbYmJAECjuMigZEMVDsJzCFLNXxtajBBCcQQ0MwAUVWDEQNUgADVHBQGNJ3KAALygABEAAkYNAMOB4GRogLFFTBPB3AExcwABT0xnM9zsyhc9wASmCKhwDQ8ZC8iElzhB7Bo3zcZmY7AYzEg-Fg0HUiS58D0Ii8AoZTJZggFSRxAvADlQAHJhAA5SASAVBFQAeW+ZF2gldWkgx1QjgUrmkeFATgtOlGWH0KAQiBhwiudokkuiIgMHBx3RYbC43CCJSAA

本地 compiler 编译器

1、首先需要通过 npm 全局安装 typescript

npm install -g typescript

安装完成以后,输入如下命令已检测是否安装成功

tsc --version

如若出现如下版本号,那么就表示安装成功了

2、然后在项目中创建后缀为.ts的文件,通过Typescript语法声明一个user变量,并赋值

const user:string = '郭宝'

3、然后通过DOS命令进入到该文件下,并输入以下命令编译一个该ts文件

tsc typescript_1.ts

其中 tsc为文件命令,typescript_1.ts为文件名

编译成功以后,会同时生成一个 typescript_1.js文件,该文件中的代码就是编译以后的代码

TypeScript新特性

1、字符串新特性

1.1、字符串模板

在TypeScript中,所谓的字符串模板,其实就是在一个字符串中,通过一个表达式去插入变量,或调用方法,这点其实和ES6中的字符串模板是一样的。

var user = `guobao`
console.log(`用户:${user}`) 

1.2、自动拆分字符串

所谓自动拆分字符串,是指当你用一个字符串模板去调用一个函数时,这个字符串模板中表达式的值会自动赋给调用这个函数的参数,如下示例:

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注