TypeScript constructor public cause duplicate bug constructor public const log = console.log; // constructor public class TS4x { constructor(public version: string, public author: string) { this.version = version; this.author = author; this.init(); }…

classes & public shorthand Also of note, the use of public on arguments to the constructor is a shorthand that allows us to automatically create properties with that name. http://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html#class…

If you're a library author, it's useful to expose your public types as interfaces, to allow your consumers to extend them if needed. For example: To resolve the issues, we can do : // typings.d.ts interface JQuery { hideChildren(): JQuery }…

最近学习three.js,想用typescript编写代码,去http://definitelytyped.org/找了一圈没有发现three.js的definitely typed文件. 好吧,花了2天时间自己简单写了一份: declare module THREE { export class BoxHelper extends Line { constructor(object: Object3D); public update(object: Object3D); } export cl…

官方文档中有关于两者对比的信息,隐藏在 TypeScript Handbook 中,见 Interfaces vs. Type Aliases 部分. 但因为这一部分很久没更新了,所以其中描述的内容不一定全对. 比如, 区别点之一:Type Alias 不会创建新的类型,体现在错误信息上. One difference is, that interfaces create a new name that is used everywhere. Type aliases don't create…

使用TypeScript已经有了一段时间,这的确是一个好东西,虽说在使用的过程中也发现了一些bug,不过都是些小问题,所以整体体验还是很不错的. TypeScript之所以叫Type,和它的强类型是分不开的,这也是区别于JavaScript最关键的一点,类型的声明可以直接写在代码中,也可以单独写一个用来表示类型的描述文件*.d.ts. 常用方式 首先在d.ts中是不会存在有一些简单的基本类型定义的(因为这些都是写在表达式.变量后边的,在这里定义没有任何意义),声明文件中定义的往往都是一些复杂结构…

开头 TypeScript已经出来很多年了,现在用的人也越来越多,毋庸置疑,它会越来越流行,但是我还没有用过,因为首先是项目上不用,其次是我对强类型并不敏感,所以纯粹的光看文档看不了几分钟就心不在焉,一直就被耽搁了. 但是,现在很多流行的框架都开始用TypeScript重构,很多文章的示例代码也变成TypeScript,所以这就很尴尬了,你不会就看不懂,所以好了,没得选了. 既然目前我的痛点是看源码看不懂,那不如就在看源码的过程中遇到不懂的TypeScript语法再去详细了解,这样可能比单纯看文…

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L…

本文虽然是学自官方教程而来,但是也融入了自己的理解,而且对官方的例子做了一些修改 /* 类 面向对象编程的一大核心 使用C#.Java进行编程的朋友肯定已经是不能够再熟悉了 TypeScript的类与C#的类有着很高的相似度,但也有着些许不同 */ //构造函数不同,与类同名不再是构造函数而是方法 //构造函数则是constructor class Animal { //构造函数 constructor(public name: string) { this.name = name } //方法…

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 关于术语的一点说明: 请务必注意一点,TypeScript 1.5里术语名已经发生了变化. “内部模块”现在称做“命名空间”. “外部模块”现在则简称为“模块”,这是为了与ECMAScript 2015里的术语保持一致,(也就是说 module X { 相当于现在推荐的写法 namespace X {). 介绍 关于术语的一点说明: 请务必注意一点,TypeScript 1.5里术语…

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件,但这对于熟悉使用面向对象方式的程序员来说有些棘手,因为他们用的是基于类的继承并且对象是从类构建出来的. 从ECMAScript 2015,也就是ECMAScript 6,JavaScript程序将可以使用这种基于类的面向对象方法. 在TypeScript里,我们允许开发者现在就使用这些特性,并且编译后的J…

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L…

[TypeScript]如何在TypeScript中使用async/await,让你的代码更像C#. async/await 提到这个东西,大家应该都很熟悉.最出名的可能就是C#中的,但也有其它语言也实现.比如,Python 3.5中.比如Js中的yield/generator. Typescript 当前版本1.8.x,1.7版本开始支持async/await, 当然只支持es6编译.2.1版本说是将支持到es5/es3. Typescript Roadmap : https://github…

简介 JavaScript语言基于函数和原型链继承机制的方式构建可重用的组件.这对于OO方面编程来说显得比较笨拙.在下一代的JavaScript标准ECMAScript 6为我们提供了基于class base的OO设计方式.在TypeScript中我们也允许使用这种方式,TypeScript将编译为目前大多数浏览器能允许的普通Javascript代码,所以我们不用在等待ECMAScript 6的到来了. 类 我们先看一个关于class-base的实例: class Greeter { greet…

TypeScript为JavaScript的超集(ECMAScript6), 这个语言添加了基于类的面向对象编程.TypeScript作为JavaScript很大的一个语法糖,本质上是类似于css的less.sass,都是为了易于维护.开发,最后还是编译成JavaScript.趁着周末的时间,浅尝了Typescript,下面是总结的一些特性. Types 所有类型都是any类型的子类型,其他类型被分成元类型(primitive types)和对象类型(object types). 1.  元类型…

传统的JavaScript注重用函数和基于原型的继承来创建可复用的组件,但这可能让用习惯面对对象方式的程序员感到棘手,因为他们的继承和创建对象都是由类而来的.从JavaScript的下一个版本,ECMAScript 6开始,JavaScript程序员就能够用基于这种基于类的面对对象方式来创建编写自己的程序了.在TypeScript中,不需要再等JavaScript的下一个版本就已经支持开发者使用这一技术了. 类 让我们来看一个简单的基于类的例子: class Greeter { greeting…

TypeScript 0.9.1 发布了,该版本提升了编译器和语言的性能,增加新的语言特性 typeof ,更好的 this 处理等.详细介绍请看发行说明. TypeScript 是微软新推出的一种语言,基于 JavaScript ,最终通过工具编译生成 JavaScript. TypeScript 兼容JavaScript,可以载入JavaScript代码然后运行.TypeScript与JavaScript相比进步的地方 包括:加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增…

返回TypeScript手册总目录 传统的Javascript关注的是函数(function)和基于原型(prototype-based)的继承作为构建可重复使用组件的基本方式,但是与更舒服地使用面向对象的方式比较,这可能让程序员感到有点难受了.在面向对象中,类继承了功能, 然后对象从类中产生.从下一代版本的JS(ECMAScript6)开始,JS程序员可以使用基于类的面向对象的方式来构建应用.在TS中,我们允许程序员不用等待下一代JS出来,现在就使用这些技术,并且把它们向下编译成可在所有主流浏…

返回TS学习总目录 快速开始 我们通过创建一个简单的web应用来开始使用TypeScript.获得TS工具的方法主要有两种,一种是通过NPM(Node包管理器),另一种是通过VS2012安装TS的插件.VS2013 Update2默认已经包含了TS插件模板. VS2013的开发者: 为你的VS2013安装TS VS2015的开发者: 可以直接使用TS了 NPM用户: 执行命令 > npm install -g typescript 打开我的VS2015 Professional,打开扩展和更新,…

1.接口奇葩验证 interface Abc { name : string } function abc(obj : Abc) { } let ttc = { name: "adad", age: 12 }; abc(ttc); //no error abc({ name: "adad", age: 12 }); //error 对象字面量会有特别的检查, 所以一个 no error ,一个 error. 2. readonly const data: strin…

google的android自带的apps写的是相当牛逼的,将其导入到eclipse中方便我们学习扩展.可惜关于导入的资料太少了,尤其是4.1之后的gallery和camera合二为一了.之前导4.0的camera那时不费吹灰之力就搞成了.下面的文字记录是我摸索了近十天终于导成功的记录,给大家分享了. 一.开发环境的搭建 1.      点击http://developer.android.com/sdk/index.html下载adt-bundle-windows-x86-20130522(4…

.class关键字和类名就可以定义一个类 . 类的访问控制符--有三个,.] = ] = ] = ;.声明参数 .用接口声明方法 .理解模块--一个文件就是一个模块,就是这么个意思 ,不用想的多么高大尚 文件1名为:a.ts,内容如下 .类的举例 .有一个工具叫Typings,这个是专门用来将一个框架变成定义文件用 面向对象特性一.类(class)--TypeScript的核心,使用TypeScript开发时,在部分代码都是写在类里面的.        1.class关键字和类名就可以定义一个类…

1,类: 类是TypeScript的核心,大部分代码都是写在类里面: 声明:class 类名{  属性: 方法(){}:} 注意:类名首字母同样大写,但是方法不需要表明类型,直接写方法名加()即可:属性也不要声明类型:直接写属性名即可: 但是可以加上访问控制符public(类外类内都可访问),protected(类内和子类里可访问),private(类内访问): 用protected和private修饰的构造函数,不能被实例化:但是用protected修饰的可以被继承: 实例化:利用new关键字…

在TS中,我们允许开发人员使用面向对象技术. 1.类让我们看看一个简单的基于类的例子: class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; } } var greeter = new Greeter("world"); 复制代码 语法应该非常熟悉,如…

总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript - 类 从C#到TypeScript - 函数 从C#到TypeScript - 装饰器 从C#到TypeScript - Promise 从C#到TypeScript - Generator 从C#到TypeScript - async await 从C#到TypeScript - 元数据 从C…

看看用TypeScript怎样实现常见的设计模式,顺便复习一下. 学模式最重要的不是记UML,而是知道什么模式可以解决什么样的问题,在做项目时碰到问题可以想到用哪个模式可以解决,UML忘了可以查,思想记住就好. 这里尽量用原创的,实际中能碰到的例子来说明模式的特点和用处. 职责链模式 Chain of Responsibility 特点:可以让一个请求被不同的对象处理多次,请求像经过管道一样, 一路上都可以被拦下处理. 用处:当请求需要被链式处理时,可以考虑职责链模式,比如事件的冒泡,WebAp…

看看用TypeScript怎样实现常见的设计模式,顺便复习一下. 学模式最重要的不是记UML,而是知道什么模式可以解决什么样的问题,在做项目时碰到问题可以想到用哪个模式可以解决,UML忘了可以查,思想记住就好. 这里尽量用原创的,实际中能碰到的例子来说明模式的特点和用处. 中介者模式 Mediator 特点:为减少对象间的互相引用而引入的一个中介对象,用来来封装一系列对象的互相操作. 用处:当多个对象间需要互相引用且互相频繁操作时可以考虑中介者模式,如MVC里的Controller. 注意:中介…

看看用TypeScript怎样实现常见的设计模式,顺便复习一下. 学模式最重要的不是记UML,而是知道什么模式可以解决什么样的问题,在做项目时碰到问题可以想到用哪个模式可以解决,UML忘了可以查,思想记住就好. 这里尽量用原创的,实际中能碰到的例子来说明模式的特点和用处. 组合模式 Composite 特点:以树的形式展示对象的组合,并且可以以类似的方式处理每个枝点. 用处:当对象组合以树状存在,有父有子,并且对象的行为差不多时可以考虑组合模式,如菜单,游戏里的技能树. 注意:遍历组合的性能要求…

看看用TypeScript怎样实现常见的设计模式,顺便复习一下. 学模式最重要的不是记UML,而是知道什么模式可以解决什么样的问题,在做项目时碰到问题可以想到用哪个模式可以解决,UML忘了可以查,思想记住就好. 这里尽量用原创的,实际中能碰到的例子来说明模式的特点和用处. 解释器模式 Interpreter 特点:使用给定语法来解释一段内容. 用处:管理类系统经常会定义一些搜索语句格式来使用户方便搜索库里的内容,这时就可以考虑用解释器来翻译执行这些语句. 注意:适合相对简单的语法. 解释器模式通…

高级类型 交叉类型 交叉类型,就是将多个类型合并为一个新的类型,这个新的类型具有这多个类型的成员,含有这几个类型的所有特性,是他们的综合体,像是集合的并集 例子: function extend<T,U>(first: T, second: U): T&U { let result = <T & U>{}; for (let id in first) { (<any>result)[id] = first[id]; } for (let id in se…