在使用 Angular 做项目的时候,对 TypeScript 的类型判断不太熟练,为了方便查找,特意对 TypeScript 的类型判断做了简单梳理.文章只是 TS 官网的内容摘要,没有高深的知识,想要深入学习 TS 还要看官网文档. 基础类型 // 布尔值 let isDone: boolean = false; // 数字 let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: numb

·不能用instanceof,因为运行时不存在Interface ·TS 中判断是否实现接口的核心原则是基于结构而不是基于名称的.即鸭子类型判断. ·实现: interface A{ discriminator: 'I-AM-A'; member:string; } function instanceOfA(object: any): object is A { return object.discriminator === 'I-AM-A'; } var a:any = {discrimina

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 当使用外部JavaScript库或新的宿主API时,你需要一个声明文件(.d.ts)定义程序库的shape. 这个手册包含了写.d.ts文件的高级概念,并带有一些例子,告诉你怎么去写一个声明文件. 指导与说明 流程 最好从程序库的文档开始写.d.ts文件,而不是代码. 这样保证不会被具体实现所干扰,而且相比于JS代码更易读. 下面的例子会假设你正在参照文档写声明文件. 命名空间

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 TypeScript里的类型兼容性基于结构子类型的. 结构类型是只一种只使用其成员来描述类型的方式. 它正好与名义类型形成对比. 看下面的例子: interface Named { name: string; } class Person { name: string; } var p: Named; // OK, because of structural typing p

当使用扩展的JavaScript库或者插件API的时候,将需要使用声明文件(.d.ts)来描述库的类型.本文内容将包括如何编写声明文件相关的一些高级概念,然后用一些例子来展示如何将各式各样的概念与声明文件的描述相匹配. 流程 写.d.ts最好是从库的说明文档开始,而不是代码.从说明文档开始可以保证思维不受实现细节的影响,并且比阅读JS代码容易理解.下面的例子假设是根据说明文档写的,并且提供调用代码. 命名空间 当定义接口(例如"options"对象)的时候,你可以选择是否将这些类型放入

Interfaces 作为TypeScript中的核心特色之一,能够让类型检查帮助我们知道一个对象应该有什么,相比我们在编写JavaScript的时候经常遇到函数需要传递参数,可能在编写的时候知道这个对象能够提供哪些值,但是以后维护的时候负责看这段代码的人都无法确认这个对象还有其他的哪些值,就需要翻阅源码看看调用这个函数的代码. 第一个接口 在开始正题之前我们先来一个简单的例子. --TypeScript function printLabel(labelObject: { label: str

本文概述了TypeScript中如何使用模块以各种方式来组织代码.我们将涵括内部和外部的模块,并且讨论他们在适合在何时使用和怎么使用.我们也会学习一些如何使用外部模块的高级技巧,并且解决一些当我们使用TypeScript的模块时遇到的陷阱. 案例的基础 接下来开始写程序,我们将会在这里写上使用案例.我们来写个小型的简单字符串验证器,在我们检查网页上表单的input用户名或者检查外部数据文件格式的时候可能会用到. 单一的验证器: interface StringValidator { isAcce

这篇笔记我们来看看TypeScript中的函数. 函数类型 在JavaScript中存在两种定义函数的方法,如下: //命名函数 function add(x, y) { return x+y; } //匿名函数 var myAdd = function(x, y) { return x+y; }; 在TypeScript中对应的写法如下: function add(x: number, y: number): number { return x+y; } var myAdd = functio

数据类型 我们来看看TypeScript中的基本数据类型都有哪些. boolean 布尔值,支持true和false. var isDone: boolean = false; 默认为undefined,此时其和true与false判断都为false. var isDone: boolean; function run() { alert(isDone == true);//false alert(isDone == false);//false } run(); 所以在使用boolean类型时

总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript - 类 从C#到TypeScript - 函数 从C#到TypeScript - 装饰器 从C#到TypeScript - Promise 从C#到TypeScript - async await C# vs TypeScript - 高级类型 上一篇讲了基础类型,基本上用基础类型足够开发了,不过

总目录 从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 -

高级类型 交叉类型 交叉类型,就是将多个类型合并为一个新的类型,这个新的类型具有这多个类型的成员,含有这几个类型的所有特性,是他们的综合体,像是集合的并集 例子: function extend<T,U>(first: T, second: U): T&U { let result = <T & U>{}; for (let id in first) { (<any>result)[id] = first[id]; } for (let id in se

在C++项目中编译TypeScript(以下简称ts) 编辑ts文件的属性,项类型选择"自定义生产工具". 命令行输入tsc所在位置与编译参数,我的是"C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.2\tsc" %(Identity) --outFile %(RelativeDir)/%(FileName).js -t es5.有空格的UNC(通用命名惯例)需要用双引号引起来.%(Identity)是被编译文件

C# vs TypeScript - 高级类型 上一篇讲了基础类型,基本上用基础类型足够开发了,不过如果要更高效的开发,还是要看下高级类型,这篇和C#共同点并不多,只是延用这个主题. 联合类型 可以从字面上进行理解:其实就是多个类型联合在一起,用|符号隔开.如: string | number, 表示希望这个类型既可以是string,又可以是number.联合类型的字段只能调用这些类型共同拥有的方法,除非类型推论系统自动判断出真正的类型. //这里sn就是一个联合类型的字段,由于类型推论推断出s

nodejs 中使用框架 express web框架 multer 文件接受 直接贴代码了,我就不解释了 "use strict"; exports.__esModule = true; var express = require("express"); var bodyParser = require("body-parser"); var multer = require('multer'); var morgan = require(&qu

一 什么是Typescript 简单的说,TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上. 它的第一个版本发布于 2012 年 10 月,经历了多次更新后,现在已成为前端社区中不可忽视的力量,不仅在 Microsoft 内部得到广泛运用,而且 Google 的 Angular2 也使用了 TypeScript 作为开发语言. 对比了一下TS,实际上和现在项目中普遍用的less非常相像

声明 本篇内容摘抄自以下来源: TypeScript 中文网 只梳理其中部分知识点,更多更详细内容参考官网. 正文-TypeScript 今天来讲讲有 Java 基础转 JavaScript 的福音:TypeScript 为什么学习 TypeScript 如果学习 JavaScript 之前已经有了 Java 的基础,那么学习过程中肯定会有很多不习惯的地方,因为 JavaScript 不管是在语法上面.还是编程思想上与 Java 这类语言都有一些差异. 下面就大概来看几个方面的差异: 变量声明

这是专门探索 JavaScript 及其所构建的组件的系列文章的第 15 篇. 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引擎&编写优化代码的5个技巧! JavaScript 是如何工作的:内存管理+如何处理4个常见的内存泄漏 ! JavaScript 是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式! JavaScript 是如何工作的:

作者简介:aoto 蚂蚁金服·数据体验技术团队 Q:为什么要写这边文章?这篇文章要表达什么? A:我们考虑在SPA应用中使用TS作为开发语言,我们需要一篇系统性介绍TS本身及周边的文章来论证在项目中使用TS作为开发语言是科学合理的,而且是顺势而为的. 导引 TS是什么 为什么要用TS TS能干点什么 使用TS的成本 社区发展 周边生态 深入解读TS 接受TS 权衡 TS是什么 TypeScript = Type + Script(标准JS).我们从TS的官方网站上就能看到定义:TypeScrip