新版本的Visual Studio对TypeScript已经有了很好的支持，我们可以直接添加TypeScript文件到项目中，IDE会在编写TypeScript代码的同时自动生成js文件到ts文件的同级目录下（注意只是生成，需要手动添加到项目里面来）。 然而在TypeScript中使用项目中已有的类库例如jQuery，则需要添加声明文件（*.d.ts）至项目目录中，否则IntelliSense是无法正常工作的。 除了自己编写声明文件以外，网上也有开源的项目例如definitelytyped，...
/*
函数和javaScript并没有太大差别,只是增加了额外的功能,使函数有
更为强大的功能而且更易用使用
*///现在支持函数的参数指定类型,在前面的博文中大家应该已经看到
//还可以指定函数的返回值 function fun7(x: number, y: number): number {return x + y;
}let myadd = function (x: number, y: number): number { return x + y; };/*可选参数与默认参数*/
function fun8(x?: number, y: number = 8): void { };
//一个可选参数,...
参考资料typeScript 文档Vue 官方文档 - TypeScript 支持代码地址vue-ts新建项目vue create vue-ts
cd vue-ts
vue add @vue/typescript
项目配置，可以参考这篇文章 在 Vue+TypeScript 项目中，如何配置 ESLint 和 Prettier类型注解和编译时类型检查类型注解：变量后面通过冒号+类型来做类型注解// test.ts
let title1: string; // 类型注解
title1 = "xbl"; // 正确
title1 = 4; // 错误
let title2 = "xx"; // 类型推论
title2 =...
Typescript泛型 参考：https://www.tslang.cn/docs/handbook/generics.html 介绍软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。function identity<T>(arg: T): T {return arg;
}我们给identity添加了类型变量T。T帮助我们捕获用户传入的类型（比如：number），之后我们就可以使用这个类型。之...
目前最流行的三大框架，Angular高版本强制依赖ts，后来react和vue也引入对ts的支持。ts除了是js的超集，还很可能是js的未来，花点时间学一下也是有必要的。先从配置一个ts的web开发环境说起。首先建立文件夹ts-web并进入，然后初始化npm# 创建项目文件夹ts-web
mkdir ts-web
# 进入文件夹
cd ts-web
# 初始化npm
npm init -y安装与ts有关的依赖# 首先需要全局安装typescript
npm i typescript -g# 再在项目中安装typescript和ts-lo...
为什么是使用let呢 因为已经厌烦了 int var 呵呵 原文：http://www.cnblogs.com/ganmk--jy/p/5877308.html
1、交叉类型 将多个类型合并成一个类型，新的类型将具有所有类型的特性，适用于对象混用 语法：类型1 & 类型2 & 类型3interface CatInterface {run(): void
}interface DogInterface {jump(): void
}// 交叉类型具有所有类型的特性
let pet: CatInterface & DogInterface = {run() {},jump() {}
} 2、联合类型 声明的类型并不确定，可以为多个类型中的一个。用竖线（|）分隔每个类型，所以number | string | boolean表示一个值可以...
HTML部分:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Tic Tac Toe</title><link rel="stylesheet" href="style.css"/></head><body><h1>Tic Tac Toe</h1><div class="container"><!-- 游戏面板（棋盘） --><div id="bord" class="game-board x"><div class="row"><div ...
栈什么是栈栈是一种特殊的列表，栈内的元素只能通过列表的一端访问，这一端称为栈顶。咖啡厅内的一摞盘子是现实世界中常见的栈的例子。只能从最上面取盘子，盘子洗净后，也只能摞在这一摞盘子的最上面。栈被称为一种后入先出（LIFO，last-in-first-out）的数据结构。由于栈具有后入先出的特点，所以任何不在栈顶的元素都无法访问。为了得到栈底的元素，必须先拿掉上面的元素。对栈的两种主要操作是将一个元素压入栈和将一个元素弹出...
最近需要用 nodeJS 写一个后台程序，为了能够获得 IDE 的更多代码提示，决定用 typescript 来编写，随便也学习下 ts，在这记录下实现过程。1、新建文件夹 typescript-koa-postgresql，初始化项目yarn init -y2、安装 typescriptyarn add typescript @types/node --dev3、配置 typescript 编译环境，在项目根目录下新建文件 tsconfig.json 1{2 "compilerOptions": {3 "target": "es2017",4 "outDir": "./dist",5 "m...
一、TypeScript的声明文件就像C/C++用.h文件。当使用TypeScript调用其他已经编写好的类库时，可以提供IntelliSense智能提示。二、使用npm指令来获取.d.ts文件install -save @types/jquery -g
运行后在type/jquery目录下生成4个文件：index.d.ts,lincense,package.json,readme.md,其中的index.d.ts即为jquery的声明文件。三、npm需要Nodejs环境，安装步骤如下1.从https://nodejs.org/en/下载windows安装包2.安装Node,js3.安装完成后...
TypeScript 命名空间命名空间一个最明确的目的就是解决重名问题假设这样一种情况，当一个班上有两个名叫小明的学生时，为了明确区分它们，我们在使用名字之外，不得不使用一些额外的信息，比如他们的姓（王小明，李小明），或者他们父母的名字等等。命名空间定义了标识符的可见范围，一个标识符可在多个名字空间中定义，它在不同名字空间中的含义是互不相干的。这样，在一个新的名字空间中可定义任何标识符，它们不会与任何已有的标...
//tsconfig.json指定了用来编译这个项目的根文件和编译选项
{"compilerOptions": { //compilerOptions:编译选项,可以被忽略，这时编译器会使用默认值"allowSyntheticDefaultImports": true,//允许从没有设置默认导出的模块中默认导入。这并不影响代码的显示，仅为了类型检查。"baseUrl": "./src",//解析非相对模块名的基准目录"emitDecoratorMetadata": true, //给源码里的装饰器声明加上设计类型元数据"experimentalD...
1.npm install --save typescript2.npm install --save ts-loaderwebpack.config.jsmodule.exports = { entry: ‘./app.ts‘,output: {filename: ‘bundle.js‘},resolve: {extensions: [‘‘, ‘.webpack.js‘, ‘.web.js‘, ‘.ts‘, ‘.js‘]},module: {loaders: [{ test: /\.ts$/, loader: ‘ts-loader‘ }]}
} 原文：http://www.cnblogs.com/bldf/p/6387521.html
类型推论如果没有指定类型，那么typeScript会依照类型推论去推断一个类型什么是类型推论以下代码，虽然没有指定类型，但是会在编译的时候报错let myFavoriteNum = ‘seven‘
myFavoriteNum = 7
// ERROR in )
// TS2322: Type ‘number‘ is not assignable to type ‘string‘.
事实上，它等价于let myFavoriteNumber: string = ‘seven‘;
myFavoriteNumber = 7;
// TS2322: Type ‘number‘ is not assignable to type ‘...
