学习TypeScript的笔记
2020-04-28 23:19
85 查看
学习TypeScript的笔记
背景
TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性, 难以胜任和维护大型项目开发。因此微软开发了TypeScript ,使得其能够胜任开发大型项目。
简介
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。 TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性(如装饰器)。 主要提供了类型系统和对ES6的支持,代码开源。 本质上向这个语言添加了可选的静态类型和基于类的面向对象编程
特性
TypeScript 是一种给 JavaScript 添加特性的语言扩展。 TypeScript 扩展了 JavaScript,在 JavaScript 的基础上添加了新特性。 新特性大致分为两类: 1.支持 ES6、ES.Next 语法特性。 ES5 中 作用域、函数与 this ... ES6 中 Symbol、iterator、generator、class ... ES Proposals 的 Decorator(装饰器) ... Mixin 编程模式 和 扩展的命名空间 ... 2.提供了类型系统 用于 静态类型检查。 TypeScript 使用一种称为 Type Annotation 的语法,对变量的类型进行说明。并约定使用 .ts 后缀文件。 TypeScript Compiler (编译器) 对 .ts 文件进行类型检查,编译输出为原生 .js 文件,之后可在浏览器、Node 等环境中运行。
强大的类型系统
1. TypeScript 提供了强大的类型系统。类型系统是 TypeScript 和 JavaScript 最大的差别。类型系统的最直观表现,就是通过 Type Annotation 语法来约束变量的类型。 2. 类型分为两种:原始数据类型和对象类型,TypeScript 支持与JavaScript几乎相同的数据类型,此外还提供了枚举、元组等实用的类型。基本数据类型包括:数值、字符串、布尔值、null、undefine、void 以及 ES6 新增的 symbol。
使用egg快速创建项目
快速初始化
$ npm init egg --type=simple $ npm i
打开项目
'use strict'; const Controller = require('egg').Controller; class HomeController extends Controller { async index() { const { ctx } = this; ctx.body = 'Hello world'; } } module.exports = HomeController;
启动项目:
$ npm run dev $ open http://localhost:7001
Hello world
接下来就可以玩耍了,分享了一下学习笔记,具体可以去官网了解。
相关文章推荐
- TypeScript学习笔记之 泛型
- TypeScript 学习笔记10: Decorators
- 【学习笔记】在Chrom中调试TypeScript时禁止缓存
- Angular TypeScript 框架学习笔记
- H5游戏开发(Egret引擎)及Typescript学习笔记
- TypeScript学习笔记之 泛型
- TypeScript 学习笔记1
- 《Angular(ng-book2)权威指南》学习笔记2——初步学习typescript
- TypeScript 学习笔记9: Real-World Application Development
- TypeScript 学习笔记2: Getting Started
- TypeScript 学习笔记3: ECMAScript 2015 的新特性
- 【学习笔记】熟悉并使用TypeScript的命名空间namespace
- Typescript 学习笔记一:介绍、安装、编译
- TypeScript学习笔记之基础类型
- TypeScript 学习笔记之基本类型
- Typescript 学习笔记二:数据类型
- TypeScript学习笔记之基本类型
- 个人typescript学习笔记(7)---模块
- TypeScript 学习笔记 之插件安装
- TypeScript学习笔记一