xyphf的博客

const enum Direction { Up = 'UP', Down = 'DOWN', Left = 'LEFT', Right = 'RIGHT',}const value = 'UP'if (value === Direction.Up) { console.log('go up!')}

类 Class类(Class) : 定义了一切事物的抽象特点对象(Object)：类的实例面向对象(OOP)三大特性：封装、继承、多态封装就是将数据操作的细节隐藏起来，只暴露对外的接口，外界调用端不需要也不可能知道细节，只能通过通过对外暴露的接口来访问该对象；继承表示子类继承父类，子类除了拥有父类所有的特征以外，还有一些更具体的特性；多态：由继承产生的多个不同的类，对同一个方法可以有不同的响应，比如猫和狗都可以继承自Animal，但是它们分别实现了自己的eat（吃）方法；此时针对某一

类型定义文件用来帮助开发者在TypeScript中使用已有的JavaScript的工具包如:JQuery这个文件实际上就是一个TypeScript模块,它把你要使用的这个JavaScript工具包里面的工具,以TypeScript的类或者模块的方式暴露出来,来供你在你的模块里去importJQuery的index.d.ts文件我看可以安装一个类型定义工具  https://gi...

注解 (annotation)注解为程序的元素(类、方法、变量)加上更直观更明了的说明,这些说明信息与程序的业务逻辑无关,而是供指定的工具或框架使用的。我们看一个例子：这是一个由Angular2写的项目,我们看到AppComponent上面有个@Compoent注解这个@Compoent注解本身是由Angular2框架提供的在这个注解里面有一些属性这些属性告诉Angular2...

模块可以帮助开发者将代码分割为可重用的单元.开发这可以自己决定将模块种哪些资源(类、方法、变量)，暴露出去供外部使用,哪些资源只在模块内使用.我们在项目里建两个文件在TypeScript里面,一个文件就是一个模块,并没有特殊关键字标明在模块的内部有两个关键字来支撑模块的特性,这个两个关键字用来控制你的模块对外暴露什么东西,以及别的模块需要为你提供什么export 导出import ...

接口(Interface)用来建立某种代码约定,使得其他开发者在调用某个方法或创建新的类时必须遵循接口所定义的代码约定typeScript里面提供interface、implements两个关键性来实现接口这个特性interface 声明接口implements 实现接口使用接口有两个方式我们看第一种使用方式: 作为方法参数的类型声明TypeScript在你传入参数的时...

泛型(generic) 参数化的类型,一般用来限制集合的内容我们延续上面的例子,我们现在声明一个数组,我们可以为他指定一个类型,在指定这个类型是数组的时候,我们需要对它指定一个类型，比如Person,这个用尖括号括起来的类型Person,就是这个数组的泛型,它规定了这个数组里面只能放Person  ...

类(Class)类是TypeScript的核心,使用TypeScript开发时,大部分代码都是写在类里面的。这里会介绍类的定义,构造函数,以及类的继承首先从类的定义开始,类里面有属性和方法我们可以把类理解成一个模子,然后用这个模子去做实际的产品出来类的实例化是通过new这个关键字来实现的同一个类我们可以new出多个实例来,多个实例拥有相同的属性和方法,但是状态不同,这就是类...

7-1 TypeScript-箭头表达式箭头表达式: 用来声明匿名函数,消除传统匿名函数的this指针问题单行函数多行函数无参箭头表达式一个参数的箭头表达式例：取出数组里面的偶数纠正传统JavaScript的this指针问题 例：获取股票名称传统写法 则取不到this.name的值 TypeScript- for of循环fo...

6-1：TypeScript-Rest and Spread操作符Rest and Spread第一种用法下面我们来介绍一些Rest and Spread 操作符: 用来声明任意数量的方法参数参数前面的三个点就是Rest and Spread 操作符，表示这个参数你可以传任意数量的参数进来Rest and Spread第二种用法但一个函数有固定的参数时，我们也可以这样调用,...

参数新特性一、TypeScript-参数类型1、指定参数数据类型参数类型最重要的特性是在参数名称后面使用冒号来指定参数类型这就是声明了一个字符串类型的变量，声明了类型以后，那么后面我们再给这个变量赋值的时候，编辑器会根据他的类型做一些检测；如给他赋一个数字，他就会提示不能把数字赋给字符串这个特性会帮助开发人员在开发过程中，犯这种错误的机会；大家也注意到右边，在Jav...

我们来学习TypeScript的语法和特性，首先从最简单的字符串开始TypeScript字符串第一个特性    多行字符串在传统的JavaScript里面我们写一个字符串换行，需要利用一个加号把它串起来，如果直接换行的话会报错。var content = "aaa" + "bbb" + "ccc...

搭建TypeScript开发环境所谓搭建TypeScript开发环境，就是安装TypeScript的compiler. 那么什么是compiler?为什么需要compiler?因为ES6规范是在2015年发布的，而目前所有的主流的浏览器并没有完全的支持ES6规范，所以用ES6语法写出来的程序，并不能直接放到浏览器里面去执行，所以需要一个compiler去把TypeScript代码转...

TypeScrip的第一大优势 支持ES6TypeScript是一门支持ES6规范的语言，这套规范是在2015年发布的，它指出了在为来一段时间客户端脚本语言的发展方向，也就是TypeScript脚本语言的语法会成为未来一段时间客户端语言的主流语法。并且它是由微软和谷歌两大科技巨头一起维护的。 TypeScript的第二大优势 强大的IDE支持强大的IDE支持体现在三个特性上第一...

我先简单介绍一些TypeScript,TypeScript是微软开发的一门编程语言，它是JavaScript的一个超集,它遵循最新的ES6脚本语言规范，TypeScript扩展了JavaScript的语法，已经存在的JavaScript程序可以不经任何改动的情况下在TypeScript环境下运行。TypeScript只是想JavaScript添加了一些新的遵循ES6规范的语法、以及基于类的...