typescript编译
1. 如何编译TypeScript
一旦编译成功,就会在相同目录下生成同名的js文件(编译成功后是没有任何消息提示的。上图中,这也是编译成功的。只要不存在语法错误)。
2. TypeScript 和 javaScript 的区别
TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集。JavaScript 和 TypeScript 的主要差异:
1、TypeScript 可以使用 JavaScript 中的所有代码和编码概念,TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。例如,TypeScript 使用类型和接口等概念来描述正在使用的数据,这使开发人员能够快速检测错误并调试应用程序
2、TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。
3、JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作,同时可以使用编译器将 TypeScript 代码转换为 JavaScript。
4、TypeScript 通过类型注解提供编译时的静态类型检查。
5、TypeScript 中的数据要求带有明确的类型,JavaScript不要求。
6、TypeScript 为函数提供了缺省参数值。
7、TypeScript 引入了 JavaScript 中没有的“类”概念。
8、TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中。
3. typescript能代替javascript做开发吗
微软新推TypeScript取代JavaScript
TypeScript是一个应用程序级的JavaScript开发语言。
TypeScript是JavaScript的超集,可以编译成纯JavaScript。
TypeScript跨浏览器、跨操作系统、跨主机,开源。
主页:htt p:/ /ww w.typescriptla ng.o rg/
Starts from JavaScript, Ends with JavaScript
TypeScript遵循JavaScript的语法和语义,方便了无数的JavaScript开发者。
TypeScript可以重用现有的JavaScript代码,调用流行的JavaScript库。
TypeScript可以编译成简洁、简单的JavaScript代码,在任意浏览器、Node.js或任何兼容ES3的环境上运行。
Strong Tools for Large Applications
TypeScript比JavaScript更具开发效率,包括:静态类型检查、基于符号的导航、语句自动完成、代码重构等。
Scalable
TypeScript提供了类、模块和接口,更易于构建组件。
Quick Start
现在可以开始用TypeScript创建简单的Web应用程序了。安装TypeScript有两种办法:
安装
1. TypeScript for Visual Studio 2012
下载地址:
ht tp:/ /download.micros oft.c om/download/2/F/F/2FFA1FBA-97CA-4FFB-8ED7-A4AE063 98948/TypeScriptSetup .0.8.0.m si
2. for Node.js
安装指令:(使用NPM安装)
> npm install -g typescript
4. TypeScript是怎么提高JavaScript编程效果的
TypeScript是由微软开发的一种可快速入门的开源的编程语言,是JavaScript的一个超集,且向这个语言添加了可选的静态类型和基于类的面向对象编程。能够帮助web前端开发人员编出更出色的JavaScript代码、搞定规模可观的JavaScript项目并为ECMAScript6的来临做好准备。
JavaScript是一款通用脚本语言,植根于开发工具的核心深处,同时在Node.js等服务器端实现方案中也有所体现。除此之外,JavaScript还是微软开发技术方案的关键组成部分,若想对office进行扩展,不使用JavaScript是不行的。
虽然JavaScript已发展得非常强悍了,但其离完美还有一大段距离,特别是在构建包含大量客户端代码的web应用时,JavaScript的不足之处就非常明显。这个时候,配合TypeScript使用,JavaScript的缺陷就可完美解决。只需在TypeScript当中编写代码,而后将其交付至编译器,即可将所开发代码转换为能够运行在服务器端,又可以由客户端中的HTML进行调用的JavaScript形式方案。
TypeScript还将大量ECMAScript6功能加入到了JavaScript当中,具体包括类与模块,并尝试将这两种本是同根生的语言加以进一步融合,从而满足ECMAScript6的标准化方法要求。通过这种方式,大家可以利用TypeScript开发出能够为ECMAScript6所接纳的代码,同时充分发挥TypeScript的静态类型优势以提升代码安全性水平。
TypeScript允许我们面向变量进行类型声明,从而确保A始终属于整数而C始终属于字符串。虽然TyperScript的类型安全性并不像Fortran那么全面,但其仍然能够定义数字与字符串,并利用Boolean类型显着改善代码调试机制。除此之外,TyperScript还提供选项以实现类型推断,从而降低发生错误的可能性如果大家的代码为两个数字相加,那么TyperScript会认定其结果始终为数字。
通过使用TypeScript,开发者也可以将类型应用至数组中,或利用enums为特定变量名称设置值。如果不确定自己可能使用哪种类型,则可以将变量设定为any,在这种情况下TypeScript不会推断其具体类型、大家也不会因此遇到错误或者警告。TypeScript类型可以自行选择,因此也无需在编译或者运行之前,首先向现有代码添加各种类型,这将有效简化现有代码的相关迁移工作。
需要注意的是,现有JavaScript代码将成为TypeScript应用程序的一部分加以运行。而如果将代码迁移到ECMAScript6或者TypeScript语法形式下,大家即可享受到TypeScript的各种功能优势。而如果我们使用具备TypeScript识别能力的工具,则可以拥有面向VisualStudioIntelliSense的支持能力——其能够帮助我们对函数调用中的类型进行管理。除此之外,也可利用TypeScript声明文件向各类常用库及服务中快速添加类型支持,例如jQuery库。
拥有这样一款类型化且近似于JavaScript的语言能够给类使用与模块构建带来显着简化(与AngularJS当中的处理方式非常相近)。类型的存在能够确保某个警告类中的所有实例都通过字符串进行调用,这将帮助我们轻松构建起更理想的构造函数。大家可以将这种类型化构造函数调用视为一种契约,负责定义两段代码之间的相互作用——并帮助我们更轻松地在不同应用程序之间重复使用同一函数。
在函数调用当中定义类型正是创建接口结构的关键所在,能够使我们的代码更具面向对象特性。大家可以将函数元素明确定义为接口,并选择在函数当中使用更具描述性的名称,同时又不会影响到进行调用检查时向IntelliSense等函数所必需的工具发出通知。
以这种方式定义类型与接口,能够让多位开发人员轻松对大型JavaScript项目加以管理。而在函数与类设计中秉持“接口至上”的契约化方法,则能够帮助大家在对应用程序中特定部分进行优化时不至于影响到其余部分,或者从其他开发者手中借用某种接口定义并直接运用到其它实现方案当中。这种方式允许我们以更为高效的方式使用诸如Git以及GitHub等工具,从而在一套持续开发模型当中轻松管理多个代码分支。
如果使用的是Java语言或者C#语言,那么对TypeScript(以及ECMAScript6)的类实现机制一定不会感到陌生。大家可以在构造函数之内创建类,从而对方法中所使用的类型进行定义,最终利用类似的来处理各种内部对象。大家也可以利用继承、添加功能与重写方法等方式对类进行扩展。而更值得注意的是,TypeScript还支持常见于函数与接口当中的泛型——其能够帮助大家交付可重复使用的函数。
一旦掌握了TypeScript处理类与函数的方式,就可以着手将其组织在模块当中,在这里类与函数能够被拆分至多个文件当中。这显然是一种非常便捷的代码组织方案——举例来说,我们可以利用几个文件来处理购物车当中的不同函数。在此之后,大家可以对各个子模块进行分别更新,从而在特定函数中利用调整归零机制改善其性能水平,同时又不至于对其它函数造成影响。具备声明文件的JavaScript库也可以作为模块使用,因此大家能够在TypeScript应用程序当中充分发挥由此带来的诸多优势。
在大型web应用程序的开发中,对JavaScript的使用,以TypeScript作为切入点,将大大提高我们开发的效率。TypeScript不仅能够帮助我们在具备充分掌控能力且遵循可重复使用方针的前提下完成编码工作,同时也能够拥有一条通往ECMAScript6的理想路径。相信今后web前端开发,甚至整个web端所有网站的开发,都将逐步使用到TypeScript,以提高JavaScript的编程效果。
5. TypeScript 和 JavaScript 的区别是什么
区别一:产生背景不同
1、TypeScript起源于使用JavaScript开发的大型项目。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。因此微软开发了TypeScript,使得其能够胜任开发大型项目。
2、JavaScript在1995年由Netscape公司的BrendanEich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。
区别二:功能不同
1、TypeScript是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
2、JavaScript是一种基于对象的语言,可以创建对象同时使用现有对象。但是Javascript并不支持其它面向对象语言所具有的继承和重载功能。
区别三:局限性不同
1、TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。
TypeScript支持为已存在的JavaScript库添加类型信息的头文件,扩展了它对于流行库的支持,如jQuery,MongoDB,Node.js和D3.js等。
2、由于JavaScript语言发展的较早,也较为成熟,所以仍有一大批开发人员坚持使用他们熟悉的脚本语言JavaScript,而不是学习TypeScript。
TypeScript代码需要被编译(输出JavaScript代码),这是TypeScript代码执行时的一个额外的步骤。
6. 如何在eclipse使用typescript编译
TypeScript是一种由微软开发的自由和开源的编程语言。
它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。
7. 使用node.js怎样编译typescript
选择
Configure
Task
Runner
自动创建
task.json
。该配置文件在工作空间的.vscode目录下,这个目录也是存放vscode配置的文件夹。
vscode默认的task配置文件中给出了执行tsc
和
gulp模板配置。简单介绍一下
task.json
的写法
{"version":
"0.1.0",//
要使用的命令或者可执行文件的路径"command":
"tsc",//
对应command参数,是否是一个命令,否则为执行文件路径"isShellCommand":
true,//
是否在执行task任务时显示控制台窗口"showOutput":
"always",//
对应command参数指定程序的参数"args":
["-p",
"src",
"--allowJs",
"-w"],//
不太明白这个,基本用不到"problemMatcher":
"$tsc",}