// 这两个关键字在 JavaScript 中提供了块作用域（Block Scope）变量（和常量）。...但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 ? 八、请简述TypeScript与JavsScript之间的关系。...javascript 5.Typescript中有静态类型, javascrip则没有 6.TypeScript中每一个数据必须规定其数据类型，JavaScript不要求 7.TypeScript为函数提供了缺省参数值...8.TypeScript中有模块的概念，可以封装数据 类 函数 声明等信息在模块里面 十、描述引用计数的工作原理和优缺点 原理：设置引用数，判断当前引用数是否为0，引用计数器中引用关系改变时修改引用数字...To空间的使用率超过25% 十三、描述增量标记算法在何时使用及工作原理 首层遍历对象标记结束后，和程序执行的交替执行 垃圾回收会阻塞程序执行 将一整段的垃圾回收拆分成多个小步骤组合完成垃圾回收 标记和程序交替执行
TypeScript之所以叫Type，和它的强类型是分不开的，这也是区别于JavaScript最关键的一点，类型的声明可以直接写在代码中，也可以单独写一个用来表示类型的描述文件*.d.ts。...=> number // 定义函数 type Key = number | string // 多个类型 组合类型 以及在TypeScript中有着很轻松的方式针对type进行复用，比如我们有一个...假如我们有一个JSON对象，里边包含了name、age两个属性，我们可以通过一些TypeScript内置的工具函数来实现一些有意思的事情。...首先，在接口中有两种方式可以定义一个函数，一个被定义在实例上，一个被定义在原型链上。...在之前的版本中有存在module和namespace的定义，但是目前来看，好像更推荐使用 ES-Modules 版本的 import/export来实现类似的功能，而非自定义的语法，所以就略过了这两个关键字相关的描述
没错，这种JavaScript运行时特性，在TypeScript静态类型系统中同样支持 具体地，TypeScript中的this类型分为2类： class this type：类/接口（的成员方法）中的...既是B类实例也是A类实例，姑且认为bar(): B & A是合适的，但无论如何foo(): A & B是不合理的，因为基类实例并不一定是子类实例……我们似乎没有办法给this标出一个合适的类型，尤其是在...具体的，this类型在实现上相当于A>（即经典的CRTP 奇异递归模板模式），类中this值的类型就是泛型参数this。...也就是说，成员方法中，如果没提供function this type，那么就沿用该类/接口的class this type，类似于自动推断而来的类型与显式声明类型之间的关系：后者能够覆盖前者 注意，虽然最初的设计是这样的...（摘自Fluent interface） 简言之，流式接口是OOP中的一种API设计方式，通过链式方法调用让源码极具可读性 描述this的类型 function this type允许我们像描述普通参数一样限定
因此，TypeScript 5.4 做了改进，当参数和 let 变量在非提升函数中使用时，类型检查器将查找最后一个赋值点。...这个方法虽然行得通，但是有点别扭，因为 D 在 createStreetLight 的签名中可能不会再被用到。虽然在本例中还算可接受，但在签名中只使用一次类型参数通常是不太好的代码。...第二个可能的 Break Change 是现在的 TypeScript 在处理类型之间的交集时变得更加灵敏了。...它会仔细考量类型变量（也就是泛型参数）和像字符串这样的基本类型之间的关系，来决定他们的交集是否有意义。...(x, "def"); } 在新版 TypeScript 中，它会比较两个类型，如果看起来没有什么共同点或者交集没有什么用，它会直接告诉你交集是 never，这比以前简单判断要精准多了。
但由于程序出错，没有返回对象，再使用name属性就会报错，如下： 在开发的过程中，会遇到各种各样的错误，由于我们是人，不是机器，没有办法避免这样的错误，既然没有办法避免，那好歹在出错的地方提示我一下啊...JavaScript设计之初只是为了补充Java的，在浏览器上做一些小的效果，并不是为了做大型复杂项目而开发的，文章开头的小例子出了点错误，这还仅仅只是两个函数，大型项目中写的函数何其多，这就增加了出错率...在js中单词写错，那么明显的错误都不提示！其实是因为脚本里面可以引用其它脚本，其它脚本中有可能有这个错误的变量名，所以js不敢报错。那么JS为什么不能给我们提示错误！...这源于JS的两个特点，一个是弱类型，弱类型指的是某个变量可以随时更换类型，但是像java，c#这些是不行的，它们是强类型语言，不能随意的更改类型。...TypeScript是JavaScript的超集，也就是说TypeScript包含了JavaScript的所有功能，在此之上还增加了类型系统 类型系统 对代码中所有的标识符（变量、函数、参数、返回值）
前言 TypeScript 中有很多地方涉及到子类型 subtype、父类型 supertype、逆变和协变covariance and contravariance的概念，如果搞不清这些概念，那么很可能被报错搞的无从下手...逆变和协变 先来段维基百科的定义： 协变与逆变(covariance and contravariance)是在计算机科学中，描述具有父/子型别关系的多个型别通过型别构造器、构造出的多个复杂型别之间是否有父...描述的比较晦涩难懂，但是用我们上面的动物类型的例子来解释一波，现在我们还是有 Animal 和 Dog 两个父子类型。...协变（Covariance） 那么想象一下，现在我们分别有这两个子类型的数组，他们之间的父子关系应该是怎么样的呢？...在 TS 中 当然，在 TypeScript 中，由于灵活性等权衡，对于函数参数默认的处理是 双向协变 的。
这里要了解两个概念: 官方文档说到TS 是结构性的类型系统（Type compatibility in TypeScript is based on structural subtyping....简单来说，要判断两个类型是否是兼容的，只需要看两个类型的结构是否兼容就可以了，不需要关心类型的名称是否相同。...可赋值性 assignable assignable 是类型系统中很重要的一个概念，当你把一个变量赋值给另一个变量时，就要检查这两个变量的类型之间是否可以相互赋值。...通过协变和逆变原则 协变与逆变(covariance and contravariance)是在计算机科学中，描述具有父/子型别关系的多个型别通过型别构造器、构造出的多个复杂型别之间是否有父/子型别关系的用语...，是符合逆变的，函数的关系和参数的关系是相反的。
– reflect-metadata TypeScript系列教程十一《装饰器》 – 属性装饰器 TypeScript系列教程十一《装饰器》 – 参数装饰器 属性装饰器和其他装饰器功能类似，其设计也是为了统一的...属性装饰器声明在一个属性声明之前（紧靠着属性声明）。 属性装饰器不能用在声明文件中（.d.ts），或者任何外部上下文（比如 declare的类）里。...属性装饰器表达式会在运行时当作函数被调用，传入下列2个参数： 对于静态成员来说是类的构造函数，对于实例成员是类的原型对象。 成员的名字。...注意 属性描述符不会做为参数传入属性装饰器，这与TypeScript是如何初始化属性装饰器的有关。...因为目前没有办法在定义一个原型对象的成员时描述一个实例属性，并且没办法监视或修改一个属性的初始化方法。返回值也会被忽略。因此，属性描述符只能用来监视类中是否声明了某个名字的属性。
multirepo 可以让每个团队都拥有自己的仓库，他们可以使用自己的构建流程、代码规范等，但是同时也会存在很多问题，比如模块之间如果存在相互依赖，就必须到目标仓库里进行bug修复、构建、发版本等，相互依赖关系越复杂...lerna提供了两种模式，支持选择单独针对某个包发版本或者统一发版本 多个仓库之间可以共享统一的代码规范，版本管理更加规范 以下我会分两个部分介绍下 lerna，首先是介绍 lerna 的常规用法，然后介绍下...清理环境 使用 lerna clean 可以清理每个 package 下的 node_modules，但是没有办法清理根目录下的 node_modules 目录，因此,我们可以在根目录下的 package.json...主要包含对主题的进一步描述，同样的，应该使用祈使语气，包含本次修改的动机并将其与之前的行为进行对比。...的生成可以通过 lerna version --conventional-commits 自动生成，关于 --conventional-commits 参数，lerna 是这么描述的： Use conventional-changelog
JAVA的抽象类 假设java的世界里，有一只鸭子（Duck），还有一只让鸭子发声的（AnimalSound）类，它有一个makeSound方法，接受Duck类型的对象为参数，当让这个鸭子叫的时候，用代码描述就是...当对象类型之间的耦合关系被解除之后，这些对象才能在类型检查系统的监视下相互替换使用，这样才能看到对象的多态性。...总而言之，不关注对象的具体类型，而仅仅针对超类型中的“契约方法”来编写程序，可以产生可靠性高的程序，也可以极大地减少子系统实现之间的相互依赖关系。...的代码描述上，是为了说明面向接口编程的两个要点： 通过向上转型来隐藏对象的真正类型，以表现对象的多态性。...用TypeScript来实现一些设计模式，显得更加原汁原味。本系列文章结束后，笔者也将对ts进行系统梳理。 假设我们正在编写一个用户界面程序，页面中有成百上千个子菜单。
，如果是一些简单的操作，类似定时脚本什么的，可能就直接生写SQL语句来实现功能了，而如果是在一些大型项目中，数十张、上百张的表，之间还会有一些（一对多，多对多）的映射关系，那么引入一个ORM（Object...如果表中有十几个字段，对于开发人员来说这会是很大的记忆成本，你需要知道某个字段是什么类型，拼接SQL时还要注意插入时的顺序及类型，WHERE条件对应的查询参数类型，如果修改某个字段的类型，还要去处理对应的传参...before model init，可以尝试在实例化前边添加一个await操作符，等到与数据库的连接建立完成以后再进行操作 但是好像看起来这样写的代码相较于Sequelize多了不少呢，而且至少需要两个文件来配合...│ └── dog.ts └── app.ts 得益于TypeScript的静态类型，我们能够很方便地得知这些模型之间的关系，以及都存在哪些字段。...，只为体现出三者（SQL、Sequelize和Sequelize-typescript）之间的区别，Sequelize中有更多高阶的操作，类似映射关系之类的，这些在Sequelize-typescript
Typescript中的装饰器 2.1 类装饰器 类装饰器，就是用来装饰类的，它只接受一个参数，就是被装饰的类。...2.2 方法装饰器 方法修饰器声明在一个方法的声明之前，会被应用到方法的属性描述符上，可以用来检视，修改或者替换方法定义。...2.4 属性装饰器 属性装饰器表达式运行时接收两个参数： 1.对于静态成员来说是类的构造函数，对于实例成员来说是类的原型对象。...，因为目前没有办法在定义一个原型对象的成员时描述一个实例属性，也无法监视属性的初始化方法。...2.成员名 3.参数在函数参数列表中的索引。
TypeScript是 JavaScript 的一个超集。他和 JavaScript 有着千丝万缕的关系。...；在 TypeScript 的类型定义中, => 用来表示函数的定义，左边是输入类型，需要用括号括起来，右边是输出类型，和 ES6 的箭头函数不一样 可选参数和默认参数 TypeScript 里的每一个函数参数都是必须的...result0 = buildName(12, 12); //提示 12 类型的参数不能赋值给 string let result1 = buildName('Bob') //提示应该有两个参数...:number; [propName:string]:any } 复制代码 函数类型 接口能够描述 JavaScript 中对象拥有的各种各样的外形，描述了带有的普通对象之外，接口也可以描述成函数类型...在项目开发过程中，我写了一个公共的方法用来解析后端传我的数据格式，忽然有一天某个后端给我的数据结构从字符串变成了数组，就那么一两个接口的的数据结构变了，大部分的数据结构没有变。
那类比到程序的角度，类也是一样的，他可以用来去描述一类具体对象的一些抽象成员，那在ES6以前，JavaScript都是通过函数然后配合原型去模拟实现的类。...那从ES6开始，JavaScript中有了专门的class。...，分别是Person和Animal，也就是人类和动物类，那他们实际上是两个完全不同的类型，但是他们之间也会有一些相同的特性。...那在这种情况下我们就可以使用接口去约束这两个类型之间公共的能力，我们定义一个接口叫做EatAndRun，然后我们在这个接口当中分别去添加eat和run这两个方法成员的约束。...并且还需确保这个属性存在于这个对象上， 因此需要咋这两个类型之间使用约束， 简单举例来说：定义一个函数， 接受两个参数 第一个是个对象 obj，第二个个参数是第一参数 key 是对象里面的键名， 需要输入
它描述了一个没有成员的对象。...{ prop: boolean; } let obj4: ObjectType; 在 TypeScript 中有两种定义对象类型的方法，它们非常相似： // Object literal type...为了让读者能更直观的了解到它们之间的区别，最后我们来做个总结： 4.1 object 类型 object 类型是：TypeScript 2.2 引入的新类型，它用于表示非原始类型。...它由以下两个接口来定义： 它由以下两个接口来定义： Object 接口定义了 Object.prototype 原型对象上的属性； // node_modules/typescript/lib/lib.es5...4.3 {} 类型 {} 类型：它描述了一个没有成员的对象。当你试图访问这样一个对象的任意属性时，TypeScript 会产生一个编译时错误。
当我们使用 TypeScript 时，就会用到 interface 和 type，平时感觉他们用法好像是一样的，没啥区别，都能很好的使用，所以也很少去真正的理解它们之间到底有啥区别。...那么，今天我们就来看看这两家伙之间存在啥不可告人的秘密。 类型和类型别名 TypeScript 有 boolean、number、string 等基本类型。...所以我们所以 type 时，不是在创建新的类别，而是定义类型的一个别名而已。 接口 与 type相反，接口仅限于对象类型。它们是描述对象及其属性的一种方式。类型别名声明可用于任何基元类型、联合或交集。...编译器合并两个或多个具有相同名称的接口。...如果我们尝试创建具有相同名称但不同的属性的两种类型，则TypeScript编译器将抛出错误。
这是一个关于在使用TypeScript日常工作中感受到的优缺点的总结。我想描述一下我使用TypeScript的最糟糕体验，另一方面，我也要说一下我认为最有用的功能。...TypeScript模块只能使用定义中描述的内容，并且只能以声明中指定的方式使用。遗憾的是，通常源代码和声明之间没有严格的联系。并且它们可能还是不正确或过时的，或者根本就没有。...我主要用它来描述对象，类，函数和参数的形状。你可以在模块之间共享它们并像处理源代码中的实例一样对待，不过要记住 - 运行时接口不会出现在代码里，这一点很容易忽略。...在右边 - 描述错误信息.. 类 ES6中有类，所以你可能之前用过它。但是在TypeScript类中有一些额外的功能，可能EcmaScript的未来会实现这些功能。...（在代码质量这个层面） 代码中没有与参数或变量名的拼写错误相关的一些非常烦人的运行时错误 您可以建立清晰明了的对象之间的约定 不用hack的手段就能实现类似在class中使用private的事情 有来自编译器的即时反馈
笔记 18 二.支持程度 TypeScript 目前（2019/5/12）仅支持部分 JSDoc 标记，具体如下： @type：描述对象 @param（或@arg或@argument）：描述函数参数...@this：描述此处this指向 @extends（或@augments）：描述继承关系 @enum：描述一组关联属性 @property（或@prop）：描述对象属性 P.S.完整的 JSDoc 标记列表见...（无需复用，不想额外定义类型），可以用@param标记来声明，通过options.prop1形式的属性名来描述成员属性嵌套关系： /** * @param {Object} options - The...var result = C(1); P.S.去掉@constructor标记的话，不会报出这两个错误 另外，对于构造函数或类类型的参数，可以通过类似于 TypeScript 语法的方式来描述其类型：...，既无法描述非 Class 继承，也不能决定继承关系（继承关系由extends子句决定，JSDoc 描述的不算） 枚举 枚举用@enum标记来描述，但与TypeScript 枚举类型不同，主要差异在于：
在 ES6 中，我们允许给函数的参数添加默认值，TypeScript 会将添加了默认值的参数识别为可选参数： function buildName(firstName: string, lastName...在编辑器的代码提示中，可以正确的看到前两个提示。 注意，TypeScript 会优先从最前面的函数定义开始匹配，所以多个函数定义如果有包含关系，需要优先把精确的定义写在前面。 ...是结构类型系统，类型之间的对比只会比较它们最终的结构，而会忽略它们定义时的关系。...TypeScript 并不关心 Cat 和 Animal 之间定义时是什么关系，而只会看它们最终的结构有什么关系——所以它与 Cat extends Animal 是等价的： interface Animal...，就不会有任何问题，故「子类可以被断言为父类」 需要注意的是，这里我们使用了简化的父类子类的关系来表达类型的兼容性，而实际上 TypeScript 在判断类型的兼容性时，比这种情况复杂很多，详细请参考[
装饰器是一个还处于草案中的特性，目前木有直接支持该语法的环境，但是可以通过 babel 之类的进行转换为旧语法来实现效果，所以在TypeScript中，可以放心的使用@Decorator。...wrap函数中有不少重复的地方，而修改程序行为的逻辑，实际上依赖的是Object.defineProperty中传递的三个参数。...的返回值 Property Decorator不会返回第三个参数，但是可以自己手动获取 前提是静态成员，而非实例成员，因为装饰器都是运行在类创建时，而实例成员是在实例化一个类的时候才会执行的，所以没有办法获取对应的...@validator，然后在需要校验的两个参数上添加@validate装饰器，两个装饰器用来向一个全局对象传入信息，来记录哪些属性是需要进行校验的。...函数参数装饰器 最后，还有一个用于函数参数的装饰器，这个装饰器也是像实例属性一样的，没有办法单独使用，毕竟函数是在运行时调用的，而无论是何种装饰器，都是在声明类时（可以认为是伪编译期）调用的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
