2015年12月_魏小雨

原创一步一步学习TypeScript(19.Modules_模块)

学习自:http://www.typescriptlang.org/Handbook#modules 首先定义一个文本格式检查器,可以查看输入的内容是否为字母或者数字不使用模块Validators.tsinterface StringValidator{ isAcceptable(s:string):boolean;}class ZipCodeValidator i

2015-12-24 17:26:43 4463

原创一步一步学习TypeScript(18.Interfaces_接口)

Interfaces严格的类型检查是TypeScript的一个核心原则，而接口正是对它这一原则的体现，接口的功能是为类型命名，或约束实现了同一个接口的不同实现类外型的一致。使用接口描述属性function readBook(book: {name:string}){ console.log(book.name);}//当在外部声明时可以附加其它属性let book = {name:'type

2015-12-22 17:19:03 1082

原创一步一步学习TypeScript(17.Getters&Setters)

typescript支持使用get和set在访问这个变量时对其进行拦截.这使你可以更细利度的控制你的程序. 只有当口令正确的用户才可以修改用户名:var passcode = "secret passcode";class Employee { private _fullName: string; public get fullName(): string { ret

2015-12-21 17:24:22 1482

原创一步一步学习TypeScript(16.Private&Protected&static)

private使用private标识的成员变量,不允许在本类之外的地方使用.class Auto{ private engine: string; constructor(engine:string){ this.engine = engine; }}var engine = new Auto('').engine; //错误之前我们说过当两个类有相同的属性和

2015-12-21 15:41:30 1622 2

原创一步一步学习TypeScript(15.Abstract Classes_抽象类)

面向对象的主要特点是 1. 封装 2. 继承 3. 抽象 4. 多态在class之前加上abstract关键字表名这个类是一个抽象类, 在方法前加上abstract表名这个方法是抽象方法,抽象方法只需要写出方法的定义,由实现类完成它的具体细节. 现在完善一下上一节的例子:abstract class Auto{ engine: string; constructor(engi

2015-12-21 13:58:56 3118

原创一步一步学习TypeScript(14.Classes & inheritance_类与继承)

有过面向对象开发的同学应该对类,继承,接口的概念不会陌生,现在我们同样可以在TypeScript中使用这些概念,来清晰我们的代码结构.classes使用class关键字定义一个类, constructor定义这个类的构造函数. 使用this为成员变量赋值.例如我们定义一个汽车类:class Auto{ engine: string; constructor(engine:string)

2015-12-21 11:43:46 2185

原创一步一步学习TypeScript(13.Tuples_元组)

tuple (元组)我理解元组是一个strict array(严格的数组),因为他不只声明了一个数组,并且同时还规定数组中每个索引处的元素类型.回顾一下,如何声明一个数组var arr = [1,2,3,'a','b','c']; //类型为 Array<string|number>arr[0] = 'abc'; //可以改变指定下标处的值的类型,只要为string或number之一即可如果需要这

2015-12-21 10:25:04 2720

原创一步一步学习TypeScript(12.Union Types_联合类型)

union types (联合类型)考虑如下情况,如果一个变量在声明时可以有几个不同的类型,需要跟据运行时所传入的参数不同而改变相应类型,这种情况在typescript里应该怎么写.先看一下怎么使用union typevar command:string|string[];command = 'strat'; //正确, stringcommand = ['strat', 'stop']; //

2015-12-18 11:30:50 1717

原创一步一步学习TypeScript(11.Arrow Functions_箭头函数➹)

单拿出这一节详细说一下箭头函数(也就是lambda表达式)在TypeScript中的用法. lambda表达式(()=>{something}或()=>something)相当于js中的函数,它的好处是可以自动将函数中的this附加到上下文中.具体原理下面会讲到. (在其它js的函数库中基本都有绑定this到上下文的方法,如jQuery中的 proxy函数.) 例如:function Arrow

2015-12-15 10:54:38 7369

原创一步一步学习TypeScript(10.Functions_函数)

函数(function)分为署名函数(named function)和匿名函数(anonymous function)看代码// named function function sub(x,y){ console.log(x-y);} // anonymous functionvar sub1 = function(x,y){ conso

2015-12-11 12:00:52 2365

原创一步一步学习TypeScript(09.enums_枚举)

之前在,一步一步学习TypeScript(02.基本类型)这篇中,初步学习了enum类型.这篇是对enum类型的一些补充. 看一些例子:Enumsenum Color { Red, Green, Blue}var colorValue = Color.Red;colorValue = "2"; //错误, enum 值为number类型,并且是从0开始

2015-12-10 16:59:55 1094

原创一步一步学习TypeScript(08.隐式/显示类型转换)

implicit/explicit cast (隐式/显示类型转换)TypeScript中可以显示表明对象的类型 .转换一个类型到其它类型时可以使用<>符号, 如 <T>value .any类型可以转换成任意对象类型,反之亦然 .看下面代码说明class A{ run(){ console.log('run run run'); } jump(){

2015-12-10 11:27:18 9913 1

原创一步一步学习TypeScript(07.Any类型)

学习前先看一下 04章(严格的对象赋值检查),与之相对的只要为元素指定了any类型,则可以对其任意赋值:// 代码回顾var x: { foo: number };x = { foo: 3 }x = { foo: 1, baz: 2 }; // 错误, 初始化时没有指名有`baz`属性.//或var y = { foo: 3 } // 隐含的类型指定等价于var y:{foo

2015-12-09 16:42:17 3906

原创一步一步学习TypeScript(06.数组)

在ts里声明数组有如下两种方式://第一种方式在元素类型后面紧跟一个中括号[]var a: number[] = [1,2,3]; console.log(a.length);//第二种方式使用泛型 Array<T>var b: Array<string> = ['i','o','u'];console.log(b[1]);//声明一个空数组let c : number[] = [];

2015-12-09 14:16:41 2164

原创一步一步学习TypeScript(05.Duck Typing)

关于Duck Typing在维基上的说明使用ts的实现class Duck{ quack(){ console.log('呱呱呱'); } feathers(){ console.log('是一个有灰色的羽毛的鸭子'); }}class Person{ quack(){ console.log('这个人在模仿

2015-12-09 11:47:50 984

原创一步一步学习TypeScript(04.严格的对象赋值检查)

Strict object literal assignment checking (严格的对象赋值检查)对象赋值时必需严格按照声明时指定的属性类型以及属性个数.var x: { foo: number };x = { foo: 3 }x = { foo: 1, baz: 2 }; // 错误, 初始化时没有指名有`baz`属性.var y: { foo: number, bar?: numb

2015-12-09 11:24:26 2960

原创一步一步学习TypeScript(03.let与const)

letES6中有两个新特性：let和 const，为了理解let，让我们看看let与var声明变量的区别：if(true){ let a = 5; var b = 6; console.log(a); //正确, 输出5 console.log(b); //正确, 输出6}console.log(a); //错误, a未定义console.log(b); //正确

2015-12-08 17:35:24 4182

翻译一步一步学习TypeScript(02.基本类型)

Booleanvar isDone: boolean = false;Numbervar height: number = 6;Stringvar name: string = "bob"; //可以使用双引号name = 'smith'; //或者使用单引号Arrayvar list:number[] = [1, 2, 3]; //第一种声明方式var list:

2015-12-08 16:19:16 871

原创一步一步学习TypeScript(01.Hello_World)

新建一个文件夹helloworld.在vs code中打开.新建一个app.ts文件class Startup { public static main(): number { console.log('Hello World'); return 0; } hello(){ console.log('Hello');

2015-12-08 15:45:41 1504

原创一步一步学习TypeScript(00.环境安装)

一步一步学习TypeScript学习环境需要安装Node.js https://nodejs.org/通过npm安装TypeScript npm install -g typescriptIDE 使用vs code https://code.visualstudio.com/Download如何在vs code中写ts代码 https://code.visualstudio.com/Doc

2015-12-08 14:17:46 1269

weiqi的博客