TypeScript
很菜的前端
专业摸鱼
展开
-
TypeScript 系列(一)—— 简介
大概在一年以前就接触了 TypeScript ,当时只出于好奇心,觉得新鲜就尝试的学习了一番,但是并没有正真的实战经验,也没有一个学习的总结。所以,很快就忘了。 直到最近计划翻看 Vue 源码时,才发现原来新版的 Vue 是用 ts 写的,所以就痛下决心捡起 ts。 TypeScript TypeScript 的官网是这样来介绍自己的:TypeScript 是 JavaScript 的超集...原创 2019-09-27 12:36:10 · 174 阅读 · 0 评论 -
TypeScript 系列(二) —— 安装与自动编译
TypeScript 的安装 傻瓜式的安装: npm install -g typescript 当然,你也可以用 cnpm 等其他工具进行安装。 自动编译 因为现代浏览器是不能解析 TS ,所以,所有的 TS 都需要编译为 JS 。编译也很简单,只需要执行一个命令即可: tsc xxx.ts //(xxx是你的文件名) 但是,要是每次写完都要执行这么一条命令也太不友好了吧,我们...原创 2019-09-27 13:01:59 · 335 阅读 · 0 评论 -
TypeScript 系列(三)—— 类型检查
TypeScript 其中的一个特性就是具有类型检查的功能,在 JS 中,无论是一个普通的变量还是函数中的参数,我们如果要进行类型检查只能自己写代码去控制,但是 TS 就不需要了。 JS 被认为是一门弱类型语言的原因之一就是变量没有类型,也就是说,一个变量可以保存任意的数据类型。 //在JS中,这么用完全没问题,因为变量是没有类型的,它可以存储任意的数据类型 let str = 'joans...原创 2019-09-27 13:49:06 · 402 阅读 · 0 评论 -
TypeScript 系列(四)—— 数据类型
String 与 JS 中的 String 类型是一致的,可以使用单引号或双引号来表示字符或者字符串。在 TS 中,也能使用 ES6 规范中的模板字符串。 let username:string = 'jonas' let age:number = 18 let info:string = `My name is ${username},${age} years old.` console...原创 2019-09-27 15:04:19 · 188 阅读 · 0 评论 -
TypeScript 系列(五)—— 接口
如何对函数的参数进行类型检查? 这个需求在 JS 中或许比较麻烦,但是在 TS 中就是小菜一碟了。 function foo(obj:{name:string,age:number}) { console.log(`My name is ${obj.name},${obj.age} years old`) } 对函数 foo 的参数进行了如下要求: 参数 obj 必须是一个...原创 2019-09-30 10:27:31 · 441 阅读 · 0 评论 -
TypeScript 系列(六)—— 函数
函数是JavaScript应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块。 在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。 TypeScript 为 JavaScript 函数添加了额外的功能,让我们可以更容易地使用。 函数类型 从这个系列开篇到现在一直在强调的都是 TS 具有类型校验的特性。TS 中的函数与 JS 中的函数最根本的...原创 2019-09-30 11:06:45 · 336 阅读 · 0 评论 -
TypeScript 系列(七)—— 类
在 ES6 虽然明确提出了类的概念,我们也能够像传统的面向对象语言那样通过 class 关键字来声明一个类,但是在本质上,这种方式也是会被转换为函数+原型的方式来实现的。所以,在 JS 中,实现面向对象的本质仍然是函数和原型。而且,JS 中没有公有,私有等类的特性,我们不能通过 private 定义一个私有的成员。 然而,TS 就更加像一门传统的面向对象语言呢,怎么说呢?我们从本文来体会吧。 ...原创 2019-10-01 16:31:41 · 243 阅读 · 1 评论