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

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

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

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

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

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

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

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

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

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

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

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

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