总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript - 类 从C#到TypeScript - 函数 从C#到TypeScript - 装饰器 从C#到TypeScript - Promise 从C#到TypeScript - Generator 从C#到TypeScript - async await 从C#到TypeScript - 元数据 从C…

.NET手撸绘制TypeScript类图--上篇 近年来随着交互界面的精细化,TypeScript越来越流行,前端的设计也越来复杂,而类图正是用简单的箭头和方块,反映对象与对象之间关系/依赖的好方式.许多工具都能生成C#类图,有些工具也能生成TypeScript类图,如tsuml,但存在一些局限性. 我们都是.NET开发,为啥不干脆就用.NET撸一个TypeScript类图呢? 说干就干!为了搞到类图,一共分两步走: 解析.ts文件,生成抽象语法树(AST),并转换为简单的类.属性.方法等对象…

.NET手撸绘制TypeScript类图--下篇 在上篇的文章中,我们介绍了如何使用.NET解析TypeScript,这篇将介绍如何使用代码将类图渲染出来. 注:以防有人错过了,上篇链接如下:https://www.cnblogs.com/sdflysha/p/20191113-ts-uml-with-dotnet-1.html 类型定义渲染 不出意外,我们继续使用FlysEngine.虽然文字排版没做过,但不试试怎么知道好不好做呢? 正常实时渲染时,画一两行文字可能很容易,但绘制大量文字时,就…

返回TypeScript手册总目录 传统的Javascript关注的是函数(function)和基于原型(prototype-based)的继承作为构建可重复使用组件的基本方式,但是与更舒服地使用面向对象的方式比较,这可能让程序员感到有点难受了.在面向对象中,类继承了功能, 然后对象从类中产生.从下一代版本的JS(ECMAScript6)开始,JS程序员可以使用基于类的面向对象的方式来构建应用.在TS中,我们允许程序员不用等待下一代JS出来,现在就使用这些技术,并且把它们向下编译成可在所有主流浏…

学习过java的小姐姐,小哥哥应该很好理解,但还是啰嗦的写出来! typescript里面定义属性的时候给我们提供了 三种修饰符 public :公有 在当前类里面. 子类 .类外面都可以访问 protected:保护类型 在当前类里面.子类里面可以访问 ,在类外部没法访问 private :私有 在当前类里面可以访问,子类.类外部都没法访问 属性如果不加修饰符 默认就是 公有 (public) //父类 class Person{ private name:string; protected…

我们声明一个 Greeter类.这个类有3个成员:一个叫做greeting的属性,一个构造函数和一个greet方法. We declare a Greeter class. This class has three members: an attribute called greeting, a constructor, and a green method 我们在引用任何一个类成员的时候都用了this.它表示我们访问的是类的成员. We use this when we refer to an…

/* 1.vscode配置自动编译 1.第一步 tsc --inti 生成tsconfig.json 改 "outDir": "./js", 2.第二步 任务 - 运行任务 监视tsconfig.json 2.typeScript中的数据类型 typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验,在typescript中主要给我们提供了以下数据类型 布尔类型(boolean) 数字类型(number) 字符串类型(string) 数组类型(ar…

//1.ts中类的定义 /* es5: function Person(name){ this.name=name; this.run=function(){ console.log(this.name) } } var p=new Person('张三'); p.run() */ /* ts中定义类: class Person{ name:string; //属性 前面省略了public关键词 constructor(n:string){ //构造函数 实例化类的时候触发的方法 this.na…

代码: // 本节内容 // 1.类的定义 // 2.类的继承 // 3.访问修饰符 // 4.静态属性和静态方法 // 5.抽象类和多态 // js // function Person(name) { // this.name = name; // this.print = function() { // console.log(this.name) // } // } // var p = new Person("aa") // p.print() // ts 1.类的定义 cl…

TypeScript类的基本使用(修饰符) TypeScript类的抽象类(abstract) TypeScript类的高级技巧 一.TypeScript类的基本使用(修饰符) TypeScript的类与ES6的类非常类是,所以建议先了解ES6的类的相关内容:ES6入门六:class的基本语法.继承.私有与静态属性.修饰器. 1.最简单的TypeScript的类示例与ES6实现对比: class tsClass{ public a:string ; //公有成员 private b:number…