Month: January 2018

当我们使用JS感觉最不舒服的，莫过于若类型了。如果你刚接触的是Java或者C等语言，突然赚到JS上会非常的不舒服。那么TypeScript提供了类型，下面让我们来看一下。 TypeScript类型如下： 1.布尔值 2.数字 3.字符串 4.数组 5.元组 6.枚举 7.Any 8.Void 9.Null与undefined 10.never   布尔类型 最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）。 let isDone: boolean = false; 数字 和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。 let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; 字符串 JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用 string表示文本数据类型。 和JavaScript一样，可以使用双引号（ “）或单引号（’）表示字符串。 let name: string = “bob”; name…

为了更快的了解TypeScript，文档中给出了5分钟快速上手的一章，用来提供给我们学习。 1.安装TypeScript 有两种主要的方式来获取TypeScript工具： 通过npm（Node.js包管理器） 安装Visual Studio的TypeScript插件 我个人喜欢使用NPM来进行安装： npm install -g typescript 2.构建第一个TypeScript文件 创建一个文件greeter.ts，注意：后缀为ts，这是TypeScript的后缀，并复制下面代码 function greeter(person) {      return “Hello, “ + person; } let user = “Jane User”; document.body.innerHTML = greeter(user); 3.编译代码 我们使用了.ts扩展名，但是这段代码仅仅是JavaScript而已。 你可以直接从现有的JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： tsc greeter.ts 输出结果为一个greeter.js文件，它包含了和输入文件中相同的JavsScript代码。 一切准备就绪，我们可以运行这个使用TypeScript写的JavaScript应用了！ 接下来让我们看看TypeScript工具带来的高级功能。 给 person函数的参数添加: string类型注解，如下： function greeter(person: string) {    return “Hello, “ + person; } let…

三年前学习过TypeScript，但是到现在已经忘得一点不剩了，然后最近又开始研究TypeScript，并且希望把学习整个TypeScript的过程记录和分享下来，希望对大家有帮助 首先了解一下TypeScript： TypeScript是JavaScript的语法糖，又微软开发，使用起来非常方便，如果你之前有写过Java，那么你上手会变得更加容易，当然它无法直接运行在浏览器中，需要进行编译成JavaScript运行在浏览器中，单这并不能影响我们喜欢使用它编写代码。 大家可以直接参考官网，如果有困难，也可以参考中文网。 接下来我们来看一下TypeScript语言都可以做哪些事情。 以上截图只是它的部分使用场景。 上图包含了常见框架已经目前最火的小程序，都可以使用TypeScript来编写代码 Vue的官网也声明，尽快增加TypeScript语法的脚手架，而更夸张的是，Angularjs2竟然官网文档给出的语法糖竟然直接就是TypeScript，这让我们不得不去学习这门语言，并且应用到实际中。