我想将我编写的一些JavaScript代码转换为TypeScript.作为一名JavaScript开发人员,我对TypeScript语法和思维方式都很陌生.
令我头疼的是我很难将使用Revealing Module Pattern的一些代码转换成TypeScript.
一个例子如下://JS Code
var obj;//code...
(function(){function myFunction(){//do work}function MyOtherConstructor(){return {publicMethod: myFunction}}obj = new MyOtherConstructor();
})();//use obj.publicMethod ...
我正在阅读Typescript的手册,我注意到(对我而言)代码部分毫无意义.有人可以解释一下这个的目的是什么?
取自docs:class Greeter {static standardGreeting = "Hello, there";greeting: string;greet() {if (this.greeting) {return "Hello, " + this.greeting;}else {return Greeter.standardGreeting;}}
}var greeter1: Greeter;
greeter1 = new Greeter();
alert(greeter1.greet());var greeterMaker: typeof Greeter = Greeter...
每当创建一个变量时,其目的是为该变量分配一些值,但是可以为该变量分配什么类型的值取决于该变量的数据类型。在typeScript中,type System表示typeScript支持的不同类型的数据类型。数据类型分类如下:内置数据类型:TypeScript有一些预定义的数据类型-内置数据类型关键词描述NumberNumber它用于表示整数和浮点数BooleanBoolean代表真假StringString它用于表示一系列字符VoidVoid通常用于函数返回类型NullNull当对象没有任何值时使...
考虑到有一个应该从TypeScript转换为Babel的项目,文件包含Babel无法忽略的输入信息.
如何以自动方式从整个代码库中删除TS类型的注释和断言?
有没有办法将它们转换为Flow(考虑到某些TS类型的功能可以转换而有些不能)?
显然,这不能通过regexp获得.
该项目在其代码中具有许多TS / ES.next功能,并且应该是可读和可编辑的,使用es6目标进行转换不是一个选项.解决方法:这实际上是有趣的问题.我在Flow团队工作,所以我真的希望得到一个很好...
这次给大家带来获取TypeScript声明文件.d.ts方法解析(附代码),获取TypeScript声明文件.d.ts的注意事项有哪些,下面就是实战案例,一起来看一下。一、TypeScript的声明文件就像C/C++用.h文件。当使用TypeScript调用其他已经编写好的类库时,可以提供IntelliSense智能提示。二、使用npm指令来获取.d.ts文件install -save @types/jquery -g 运行后在type/jquery目录下生成4个文件:index.d.ts,lincense,package.json,readme.md,其中...
源码下载
源码我已经上传到 CSDN 了,无需资源分,下载地址:http://download.csdn.net/detail/zgynhqf/8565873。
源码使用 VS 2013 +TypeScript 1.4 进行开发。打开后,显示如下图:JsTankGame 1.0:老的使用 JS 编写的坦克游戏。
JsTankGame 2.0:新的使用 TS 直接翻译过来的游戏。
JsTankGame:在 2.0 的基础上,对类型进行了重构后的新游戏。
重构步骤
由于老的 JS 游戏是采用 MS Ajax Client Library 构建,并且采用了 OOD ...
简述
Angular 1.x版本是用JavaScript编写的,我们在百度Angular经常会搜索到AngularJS,并不是JavaScript的什么衍生版本,就是Angular 1.x。在后续版本中,改用TypeScript来重写了Angular框架。改动较大,所以做了个区分,Angular v1.x就叫AngularJS,v2及后续版本统称为Angular。
查资料和解决方案的时候,经常会搜索到大量的AngularJS内容,注意区分。
在这里提一下Angular的历史,是因为本文是在使用这个框架的时候遇到的,所以...
依赖注入通常也是我们所说的ioc模式,今天分享的是用typescript语言实现的ioc模式,这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息,它的作用是拿到原数据后进行对象创建类似C#中的反射,先看第一段代码:
import "reflect-metadata";
/*** 对象管理器*/
const _partialContainer = new Map<string, any>();
const PARAMTYPES = "design:paramtypes";//需要反射的原数据,有很多种选择,我们这里选择的...
Vue 中使用 typescript
什么是typescript
typescript 为 javaScript的超集,这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本,除此之外,它还有一些扩展的语法,如interface/module等。
typescript 在编译期会去掉类型和特有语法,生成纯粹的JavaScript。
Typescript 5年内的热度随时间变化的趋势,整体呈现一个上升的趋势。也说明ts越来越?受大家的关注了。
安装typescript
npm install -g typescript
tsc...
源码下载
源码我已经上传到 CSDN 了,无需资源分,下载地址:http://download.csdn.net/detail/zgynhqf/8565873。
源码使用 VS 2013 +TypeScript 1.4 进行开发。打开后,显示如下图:JsTankGame 1.0:老的使用 JS 编写的坦克游戏。
JsTankGame 2.0:新的使用 TS 直接翻译过来的游戏。
JsTankGame:在 2.0 的基础上,对类型进行了重构后的新游戏。
重构步骤
由于老的 JS 游戏是采用 MS Ajax Client Library 构建,并且采用了 OOD ...
我找到了可能的答案:Is any JavaScript code a valid TypeScript code?.
我正在使用Visual Studio和TypeScript插件进行Web项目.在以下帖子中,我找到了这个答案:Not any valid JavaScript code is valid TypeScript see my example below.
var testVar = 4; testVar = "asdf";TypeScript gives the followingerror: Cannot convert string to number. To make that work inTypeScript add “:any” like below.
var testVar: any ...
我想知道是否有可能在Atom中获得类似的Codecompletion / Autocomplete,就像它是Webstorm一样.
现在我正在尝试习惯打字稿,到目前为止我真的很喜欢它,但真正令我恼火的是,我无法在原子中为我的HTML文件获得任何Codecompletion.
这会让我的生活变得如此轻松……这就是Webstorm的样子(试用版)
界面非常简单:interface Person {name: string;lastName: string;birthday: number;
}控制器看起来像这样:module myModule {
export interf...
我在屏幕中间有div. div包含一个提交按钮.当我点击“提交”屏幕位置下降到底部.我试图用window.scrollTo()滚动到元素,但它不起作用.我需要从component.ts做到这一点,我有一个事件,当我按下提交时调用.我将非常感谢你的帮助.解决方法:使用查看孩子的力量@ViewChild('scroll', { read: ElementRef }) public scroll: ElementRef<any>;ngAfterViewChecked() {this.scrollBottom()}public scrollBottom() {this.scroll.nativeElement.s...
我想使用webpack提供的代码拆分功能,以便创建我的应用程序的几个捆绑包,使用typescript开发,并按需加载它们.我一直在寻找解决方案一段时间,我找到的最接近的答案就是这个:https://github.com/TypeStrong/ts-loader/blob/master/test/execution-tests/babel-codeSplitting/require.d.ts
此示例直接从官方ts-loader文档中获取,它显示了如何依赖require.ensure来创建分割点.
让我烦恼的是,打字稿中没有一种简单的方法可以做到这一点....
我正在创建一个用Typescript编写的库,它暴露了一个带有构造函数的类,该构造函数接受一个类型为Set的参数.
这个库将由javascript编写的应用程序使用,我需要检查该参数是否为有效Set.我的代码目前看起来像这样:export class Something {private mySet: Set<string>;constructor(aSet: Set<string>) {if (!(aSet instanceof Set)) {throw new TypeError('Invalid parameter');}this.mySet = aSet;}
}我创建了一个检查此代码的测试套件...