![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typescript
sanlingwu
这个作者很懒,什么都没留下…
展开
-
typescript学习(1)---运行第一个ts程序
1、安装 使用npm安装typescript。建议使用npm v3.0.0以上版本. 打开命令行运行以下命令安装typescript 1.8:npm install -g typescript@1.8 以上命令将会安装typescript编译器和可执行程序(tsc),并且添加到环境变量的全局路径中。 为确认一切工作正常,可使用以下命令:tsc -v 出现版本号即为正常...原创 2018-02-11 13:38:38 · 28362 阅读 · 1 评论 -
typescript学习(7)---泛型
1、类型参数实现经典的数据结构BinarySearchTree:class Node<T> { value : T; left : Node<T>; right : Node<T>;}Node<T>表示这个类可以接收单个参数T,这个参数在类中的某个地方会使用到。使用方法:let numberNode = new Node<numb...原创 2018-02-15 12:33:44 · 214 阅读 · 0 评论 -
typescript学习(6)---定义接口
1、定义定义一个接口:interface Accountable{ getIncome():number;}现在来确保Firm类实现了这个接口:class Firm implements Accountable{ getIncome():number { //... }}如果实现了一个指定的接口,那么必须实现这个接口里面多定义的所有方法,这些方法的实现必须与接口定义里面的...原创 2018-02-14 13:56:22 · 1006 阅读 · 0 评论 -
typescript学习(6)---使用访问修饰符
ts支持以下访问修饰符:Public:所有定义成public的属性和方法都可以在任何地方进行访问。Private:所有定义成private的属性和方法都只能在类定义内部进行访问。Protected:多有定义成protected的属性和方法可以从类定义内部访问,也可以从子类中访问。...原创 2018-02-14 13:22:36 · 1805 阅读 · 0 评论 -
typescript学习(6)---定义类
一、类之前在typescript(3)中定义的类不是合法的ts类,下面进行修改:class Human { static totalPeople = 0; _name: string; constructor(name) { this._name = name; Human.totalPeople += 1; } get name() {...原创 2018-02-14 13:05:11 · 799 阅读 · 0 评论 -
typescript学习(6)---Function类型
1、函数表达式方式:let isPrime: (n: number) => boolean = n => { //body}2、函数声明方式:function isPrime (n: number):boolean { //body}3、如果需要在对象字面量里面定义方法:let math = { squareRoot(n:number):number { //....原创 2018-02-14 12:59:19 · 1091 阅读 · 0 评论 -
typescript学习(6)---array类型
ts中数组中元素类型必须相同。可以这样定义:let primes: number[] = [];primes.push(2);primes.push(3);如果需要可容纳多种对象类型的数组,可以把引用类型声明为any:let randomItems: any[] = [];randomItems.push(1);randomItems.push("foo");randomItems.pu...原创 2018-02-14 12:40:19 · 489 阅读 · 0 评论 -
typescript学习(6)---enum类型
枚举:由一系列有名称的值构成,这些值叫作元素。定义方法:enum STATES { CONNECTING, CONNECTED, DISCONNECTING, WAITING, DISCONNECTED};使用方法:if(this.state===STATES.CONNECTING){ console.log('The system is connecting');}...原创 2018-02-14 12:30:56 · 278 阅读 · 0 评论 -
typescript学习(6)---静态类型概述
1、ts允许我们显式声明变量的类型:let foo: number = 42;明确声明foo的类型为number,如果在后面将foo的值改为'42',ts编译器就会报错。2、any类型ts中所有类都是any类的子类,声明为any类型的变量可以持有任何类型的值。let foo: any;3、ts中所有其他类型可分为以下几类:原生类型:Number、String、Boolean、Void、Null、U...原创 2018-02-14 12:26:54 · 2224 阅读 · 0 评论 -
typescript学习(5)---模块
export function square(x) { return Math.pow(x, 2);};export function log10(x) { return Math.log10(x);};export const PI = Math.PI;上面定义了一个简单的ES2015模块,定义并导出了square和log10两个函数以及常量PI。若不想多次使用export,可以...原创 2018-02-13 12:36:42 · 179 阅读 · 0 评论 -
typescript学习(4)---块级作用域中可见的变量(let)
var fns = [];for (var i = 0; i < 5; i += 1) { fns.push(function() { console.log(i); })}fns.forEach(fn => fn());这段代码执行完后会打印出5个5。用let代替var,即可定义块级作用域中可见的变量:var fns = [];for (let i = 0...原创 2018-02-13 10:39:01 · 331 阅读 · 0 评论 -
typescript学习(3)---类的定义
class Human { static totalPeople = 0; _name; // ES2016 property declaration syntax constructor(name) { this._name = name; Human.totalPeople += 1; } get name() { return this._name...原创 2018-02-13 09:52:22 · 212 阅读 · 0 评论 -
typescript学习(2)---箭头函数
ts中函数像其他值一样可以当成参数传来传去。箭头函数可用来定义匿名函数:1、对数组中所有元素进行求和操作var result = [1, 2, 3] .reduce((total, current) => total + current, 0);console.log(result);结果:62、获取数组中所有偶数var even = [3, 1, 56, 7].filter(el ...原创 2018-02-12 10:37:17 · 5079 阅读 · 0 评论 -
typescript学习(8)---外部类型定义
1、外部类型定义最大的仓库位于https://github.com/DefinitelyTyped/DifinitelyTyped还有一个叫作typings的工具可以用来维护这些定义,安装如下:npm install -g typingstyping的配置文件定义在typing.json中,默认情况下所有安装的外部类型都放在./typing这个目录中。如需创建typings.json这份文件的基础...原创 2018-02-15 13:12:33 · 1975 阅读 · 0 评论