TypeScript
maomaolaoshi
每天进步一点点~
展开
-
TypeScript解构
从TypeScript 1.5起,TS 添加了对 ES6 解构声明与赋值的支持。解构(Destructuring)变量的解构赋值数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。转载 2017-07-09 21:19:43 · 13643 阅读 · 0 评论 -
匿名函数(Lambda表达式)与箭头函数
“Lambda 表达式”(lambda expression)是匿名函数的别称。 在ES6中,允许使用箭头=>定义匿名函数。var f = v => v;上面的箭头函数等同于:var f = function(v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function (转载 2017-10-26 16:57:09 · 12188 阅读 · 0 评论 -
TypeScript自动化工作流程(上)
在实际的开发中,我们往往会用到很多自动化的工具以协助我们进行开发。这些工具包括:开发者编辑器版本控制工具包管理工具自动化任务工具持续集成工具脚手架工具当然你还必须先安装Node.js。开发者编辑器和版本控制工具开发工具开发TS的编辑器,目前流行的有 Atom、 Visual Studio Code 和 WebStrom 等等。这里不再详细讲述,有兴趣的可以看看原创 2017-11-03 09:42:53 · 1405 阅读 · 0 评论 -
TypeScript自动化工作流程(中)
自动化任务工具自动化任务工具是用来自动化地执行开发过程中需要重复进行的任务。这些任务包括编译TS文件、压缩JS文件等等。目前较为流行的两个JavaScript自动化工具分别是Grunt和Gulp。Grunt的插件数相对较多,在Grunt中,我们使用文件作为任务的输入和输出。Gulp中,我们使用的 流 的方式来构建系统。Gulp插件更倾向于使用代码来描述任务,这使得Gulp的可读性更高。本人选择Gu原创 2017-11-10 17:38:50 · 2257 阅读 · 0 评论 -
TypeScript类、接口、继承
TS引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 基本上,TS的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。类 定义一个类class Point { constructor(x, y) { this.x = x原创 2017-11-01 17:20:38 · 16905 阅读 · 0 评论 -
TypeScript联合类型、类型守护、类型别名、环境声明
联合类型TS允许声明联合类型:var myType:string[]|string|number|boolean;//myType类型可以是字符串数组、字符串、数字、布尔值myType="type";myType=["a","b","c"];myType=100;myType=false;//不可以是其他类型myType=function(){};//报错类原创 2017-10-26 19:55:38 · 7307 阅读 · 0 评论 -
TypeScript类型系统和基础类型
类型系统相对于与ES6来说,TypeScript中最大的改善就是增加了类型系统,这极大的简化了我们的开发工作。类型系统会对数据进行类型检查,以避免不必要的错误。 类型检查的好处有:有助于代码的编写,因为它可以在编译期预防bug有助于代码的阅读,因为它可以清晰地表达我们的意图使用的方法1.在声明变量时,可以规定变量所需要的变量类型语法规则: 变量声明 变量名:类型;e.g.var nam原创 2017-07-05 17:16:00 · 672 阅读 · 0 评论 -
TypeScript的简介与安装和调试
什么是TypeScript?TypeScript是ES6的超集,所有的ES6代码都是完全有效且可编译的TypeScript。当前版本的JavaScript其实是ECMAScript5(ES5),下一代JS标准则是ES6。如果你想要学习更多ES6知识,你可以去阮一峰老师的github上去找,里面有详细的用例介绍。 传送门:https://github.com/ruanyf/es6tutorial原创 2017-07-05 12:17:02 · 3577 阅读 · 0 评论 -
TypeScript变量声明
变量声明按照《ES 6标准入门 (第2版)》的说法,变量声明一共有6种,分别是var、function 、let、const、class和import。let命令用于声明变量。特性一:只在代码块中有效;特性二:没有变量提权(hosting);特性三:暂时性死区(temporal dead );特性四:不允许重复声明;特性五:块级作用域;原创 2017-07-05 13:14:14 · 1386 阅读 · 0 评论 -
TypeScript自动化工作流程(下)
自动化测试工具自动化测试工具能够自动化地执行应用里的单元测试。 单元测试是指针对代码中的某个函数或某个部分(单元)进行的测试。通过单元测试,可以保证函数按照预期在工作。通过使用自动化测试工具,可以自动在多个浏览器内执行应用的测试套件,而不必手动打开浏览器运行测试。我们使用的自动化测试工具叫做Karma。Karma在Angular2中也有被使用到。 Karma可以和多个流行的单元测试框架兼容。原创 2017-11-26 20:42:25 · 1482 阅读 · 0 评论