您的位置:首页 > Web前端 > JavaScript

学习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

接下来就可以玩耍了,分享了一下学习笔记,具体可以去官网了解。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: