孙广东  2016.4.5 JavaScript如今到处都是.web.server(通过NodeJS).移动应用(通过各种框架).全部这些,TypeScript都能够使用,而且能够为JavaScript扩展出面向对象和静态类型的特征. TypeScript能让我们提前使用未来的语言特性.甚至很多其它,比如泛型这样的语言特性. TypeScript代码.终于会编译为地道的JavaScript,兼容一切使用JavaScript的场合. 编译过程主要是编译时检查,一点改写,删除类型批注和接口.删除类型

写在前面 作者并没有任何可以作为背书的履历来证明自己写作这份手册的分量. 其内容大都来自于TypeScript官方资料或者搜索引擎获得,期间掺杂少量作者的私见,并会标明. 大部分内容来自于http://www.infoq.com/minibooks/typescript-c-sharp-programmers 你甚至可以认为这就是对这本英文小册子的翻译,实际上80%如此. 写给那些已经有编程基础,尤其是掌握c语言.c#.java这一类型的静态类型语言的同好. 鸣谢 先谢国家,虽然并不知道要谢些什

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 由于第一章节是我翻译的,而且与他的版本不一致,导致第一章节有枚举这部分,而他的第二章节也有这部分,但内容不同,所以我保留了这部分. 枚举 使用枚举我们可以定义一些有名字的数字常量. 枚举通过使用enum关键字定义. enum Direction { Up = 1, Down, Left, Right } 一个枚举类型可以包含零个或多个枚举成员. 枚举成员具有一个数字值,它们可以是常数

refer : https://www.npmjs.com/package/reflect-metadata refer : https://www.typescriptlang.org/docs/handbook/decorators.html refer : http://blog.wolksoftware.com/decorators-metadata-reflection-in-typescript-from-novice-to-expert-part-4 Attribute 和 ref

总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript - 类 从C#到TypeScript - function 从C#到TypeScript - 装饰器 从C#到TypeScript - Promise 从C#到TypeScript - Generator 从C#到TypeScript - async await 从C#到TypeScript -

随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语言天生的弱势:静态类型. 前端开发 QQ 群:377786580 这篇文章首发于我的个人博客 <听说>,系列目录: <从 JavaScript 到 TypeScript 1 - 什么是 TypeScript> <从 JavaScript 到 TypeScript 2 - 基础特性

Typescript中的装饰器原理 1.小原理 因为react中的高阶组件本质上是个高阶函数的调用, 所以高阶组件的使用,我们既可以使用函数式方法调用,也可以使用装饰器. 也就是说,装饰器的本质就是一个高阶函数, 就是利用TypeScript的弱类型特性和装饰器特性,实现了一个加强版. 2.以一个例子来讲 //定义一个装饰器函数decTest function decTest(constructor: Function) { console.log(constructor("hello!&quo

更新 : 2018-11-27 { date: Date } 之前好像搞错了,这个是可以用 design:type 拿到的 { date: Date | null } 任何类型一但配上了 | 就 design:type 就变成 object 了 { arr : string[] } design:type = array design:type 是可以被我们覆盖的. e.g.:  Reflect.metadata('design:type', Date); 即使对象没有 property 反射依

参考了几位同行的Blogs和StackOverflow上的许多问答,在原来的ng1加TypeScript以及Webpack的经验基础上,搭建了该项目,核心文件如下,供需要的人参考. package.json { "name": "app", "version": "1.0.0", "description": "App package.json from the documentation, su

https://segmentfault.com/a/1190000011744210 2017-10-27 发布 vue + typescript 项目起手式 javascript vue.js typescript 24.3k 次阅读  ·  读完需要 33 分钟 65 vue + typescript 新项目起手式 最后更新于2018-06-30,技术文具有时效性,请知悉 我知道你们早就想用上 vue + ts 强类型了 还有后续 vue + typescript 进阶篇 安装vue-cl

依赖注入通常也是我们所说的ioc模式,今天分享的是用typescript语言实现的ioc模式,这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息,它的作用是拿到原数据后进行对象创建类似C#中的反射,先看第一段代码: import "reflect-metadata"; /** * 对象管理器 */ const _partialContainer = new Map<string, any>(); const PARAMTYPES =

1. 前言 ES6的普及,大大简化了JavaScript的表达方式 大型项目中,js没有类型检查.表达方式灵活,多人协作代码调试和维护成本高 2. 定义 TypeScript 是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程,可以理解成是 js 的强类型版本 这里的Type:类型(指的就是静态类型检查) 3. 走马观花学一下 npm安装: npm install -g typescript 新建ts.ts文件如下: function hello

强类型的 TypeScript 开发体验和维护项目上相比 JavaScript 有着明显的优势,那么对常用的脚手架进行改造也就势在必行了. 接下来开始对基于 koa 框架的 node 后端脚手架进行改造: 项目开发环境 和 typescript 编译环境的搭建: 对 node.koa.koa中间件和使用到的库 添加类型化支持: 基于 typesript 的特性改造项目. 项目开发环境搭建 基于 gulp 搭建开发编译环境,gulp-typescript 插件用于编译 typescript 文件,

· 栗子入手 假设有以下foo数组,数组中每个对象都拥有id,name两个属性,现在需要查找id > 0的对象数量. const foo: Array<{ id: number, name: string }> = [{ id: 1, name: "cn.troy" }, { id: 2, name: "鱼摆摆" }]; 使用for? let count: number = 0; for (let i = 0; i < foo.length;

开发四年只会写业务代码,分布式高并发都不会还做程序员?   Nest.js 6.0.0 正式版发布了.Nest 是构建高效.可扩展的 Node.js Web 应用程序的框架.它使用现代的 JavaScript 或 TypeScript(保留与纯 JavaScript 的兼容性),并结合 OOP(面向对象编程),FP(函数式编程)和 FRP(函数响应式编程)的元素.在底层,Nest 使用了 Express,可以方便地使用各种可用的第三方插件. 新版更新内容如下: 新特性 core: 提取平台 (e

最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之.本文从安装到vue组件编写进行了说明,适合入门. 1.引入Typescript npm install vue-class-component vue-property-decorator --save npm install ts-loader typescript tslint tslint-loader tslint-config-standard -

typescript(以下简称TS)出来也有好长时间了,下面记录一下学习心得. 首先学这门语言前,请确保有以下基础知识: 扎实的javascript基础知识 es6的基础知识 面向对象编程的概念(没有也可以,就当是重新学一遍了) 接下来看一下TS的一些概念: 一.基本类型 TS的基础类型有:字符串(string).数字(number).布尔值(boolean).空(null).未定义(undefined).数组(array).对象(object).元组(tuple).枚举(enum).any.v

前言 最近成功把「前端带师」带入C#的坑(实际是前端带师开始从cocos转unity游戏开发了) 某天,「前端带师」看到这段代码后问了个问题:[这个是装饰器]? [HttpGet] public Response Get() { return ... } 我第一反应觉得不是,这玩意在C#中叫"特性"(英文名Attribute,下文统称为特性),在Java中叫注解,虽然写法和Python/TypeScript中的差不多,但印象中实现方式应该是不同的. 但咱学理工科的就是要严谨,不能仅凭经

随着Vue3和TypeScript的大浪潮不断袭来,越来越多的Vue项目采用了TypeScript的语法来编写代码,而Vue3的JS中的Setup语法糖也越来越广泛的使用,给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击,不过随着大量的学习和代码编写,经历过一段难熬的时间后,逐步适应了这种和之前差别不小的写法和冲击.本篇随笔介绍总结了Vue3中一些常见的基于TypeScript的Setup语法与组合式 API的处理代码案例. TypeScript(简称ts)是微软推出的静态类型的语言,

本文整理自Dan Wahlin在ng-conf上的talk.原视频地址: https://www.youtube.com/watch?v=e3djIqAGqZo 开场白 开场白主要分为三部分: 感谢了ng-conf的组织者. 阐述了TypeScript是JavaScript的超集,并不是另外一种语言. 引用了他的两个朋友最喜欢的TypeScript特性. 由于开场白内容不太重要,所以不再详述.下面开始讲解Dan Wahlin最喜欢的TypeScript的特性. 类型支持(Type Support