概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看中文文档或英文文档.我是看的英文文档. typescript handbook 学习笔记3 类 基本使用 class Greeter { //只读,必须在声明的时候或者constructor里面初始化 readonly greeting: string; //constructor里面的只读 con…

概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看中文文档或英文文档.我是看的英文文档. typescript handbook 学习笔记2 interfaces接口 类接口 interface SquareConfig { //标准写法 label: string; //可选属性 color?: string; //只读属性 readonly x…

概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看中文文档或英文文档.我是看的英文文档. typescript handbook 学习笔记1 var的坑 变量提升和函数作用域 变量提升和函数作用域不过多说明,上一段代码. //块中声明的变量被提升了 function f1(shouldInitialize) { if (shouldInitiali…

概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看中文文档或英文文档.我是看的英文文档. 介绍 我不过多的介绍typescript,因为网上资料一大堆.我只记录下我的个人见解. javascript是一个很灵活的语言,在维护时就会遇到很多坑,所以我们选择用typecript. typecript的如下几点非常吸引我,并且非常激动人心. 代码编写者的…

我们声明一个 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…

typescript的核心原则之一就是对所具有的shape类型检查结构性子类型化 One of the core principles of typescript is to check structural subtyping of shape types 在typescript中,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约 In typescript, the function of an interface is to name these types and defin…

安装typescript: npm install -g typescript 启动typesctipt自动编译: tsc 文件名.ts --watch 函数参数默认值: 1.有默认值参数的,声明在最后 2.变量后带?,表示该变量为可选填项,要声明在后面 Rest & Spread 可变参数: 随意传入几个参数都可以,返回为一个参数数组 变成es5时是这样的: 使用的是arguments关键字,原本是个类数组,然后for循环变成一个真实数组. generator 函数断点执行: 声明函数用fun…

软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性. 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型, 这在创建大型系统时为你提供了十分灵活的功能. In software engineering, we should not only create well-defined APIs, but also consider reusability. Components can support not only current data types, but al…

接口 // 在参数类型中定义约束 function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label); } let myObj = {size: 10, label: "Size 10 Object"}; printLabel(myObj); // 定义并使用接口 // 不需要显式继承接口(鸭子类型) interface LabelledValue { label: string; }…

基本类型 // 布尔型(Boolean) let isDone: boolean = false; // 数值型(Number) let decimal: number = 6; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744; // 字符串(String) let color: string = "blue"; color = 'red'; // 多行字符串和模板字符串(…