当前位置: 首页 > news >正文

微网站促销版织梦网站建设选项卡教程

微网站促销版,织梦网站建设选项卡教程,wordpress类别链接,微信端微网站怎么做困惑 初学 ts 时,extends 让我很困惑:有时它代表 扩大 ,有时代表 缩小 。举几个例子说明: 例1: class Animal {} class Dog extends Animal {}这是 js 本身就有的 class 继承语法,很熟悉了。 Dog 是 An…

困惑

初学 ts 时,extends 让我很困惑:有时它代表 扩大 ,有时代表 缩小 。举几个例子说明:

例1:
class Animal {} 
class Dog extends Animal {}

这是 js 本身就有的 class 继承语法,很熟悉了。
Dog 是 Animal 的子类,是对 Animal 的扩展,可以比 Animal 有更多的属性和方法。
extends 似乎代表 扩大

例2:
type MyPick<T, K extends keyof T> = {[P in K]: T[P];
};

K extends keyof T 的含义是“K 是 keyof T 的子集”。K 的取值被限制在 keyof T 内,可以少,不能多。
extends 似乎代表 缩小

例3:
function longest<T extends { length: number }>(a: T, b: T) {return a.length >= b.length ? a : b;
}

T extends { length: number } 要求 T 必须有 length 属性,这样在函数体中才可以直接使用 a.length 和 b.length。
T 除了 length,还可以有其他属性和方法。
extends 似乎代表 扩大


解释

说扩大或者缩小其实含义很模糊,没有实际意义。因为没有明确主语:具体是什么扩大/缩小了。

ts 中的 extends 应该用 子类型(assignable) 去理解。

子类型:如果在期望类型 T 的实例的任何地方,都可以安全地使用类型 S 的实例,那么称类型 S 是类型 T 的子类型。

如果我们能够把任何值赋给类型 T,那么称 T 为顶层类型。其他任何类型都是 T 的子类型。ts 中的顶层类型是 unknown,java 中的顶层类型是 Object

如果类型 T 是其他任何类型的子类型,那么称 T 为底层类型。ts 中的底层类型是 never,是不能被赋值的空类型。可以类比集论中的概念:空集是任何集合的子集。

大白话总结:unknown 是终极父类,never 是终极子类。

所以,子类型 extends 父类型,至于是扩大还是缩小要看考虑问题的角度。用上面的例1说明:

class Animal {} 
class Dog extends Animal {}
  • Dog 比 Animal 有更多的属性和方法。这个角度看,Dog 是对 Animal 的扩展。
  • Dog 对 Animal 加了限制,所以 Dog 能取的值比 Animal 要少:Dog 一定是 Animal,但 Animal 不一定是 Dog。这个角度看,Dog 是对 Animal 的缩小

大白话总结:子类特性多了,可取值少了。


引申

前提 Dog extends Animal,考虑下面几种类型的关系:

  • Dog[]Animal[] 的关系
  • () => Dog() => Animal 的关系
  • (arg:Dog) => void(arg:Animal) => void 关系

答案:

  • Dog[]Animal[] 的子类型
  • () => Dog() => Animal 的子类型
  • (arg:Animal) => void(arg:Dog) => void 的子类型。注意这里反过来了。稍微有点绕,用 assignable 的思路去考虑

另外,ts 中强行规定了 (arg:Dog) => void 也是 (arg:Animal) => void 的子类型。这样是不安全的,运行时可能出错。但是 ts “为了方便实现常见的js编程模式“,就是这样设计了。


最后说一说 ts 中的 any。虽然 any 和 unknown 常被放在一起讨论,但其实性质完全不同。在 ts 中,unknownnever 都是正规的类型体系的一部分。但 any 完全在这个体系之外:

ts 中,所有值都可以赋给 any 类型,any 类型的值也可以赋值给其他任何类型,从而绕过类型检查。

写代码时如果用了 any 类型,就代表着:我完全知道我在做什么,这一部分代码的安全与正确性我自己负责。ts 请无视这段代码,不要进行任何类型检查。

http://www.yayakq.cn/news/624050/

相关文章:

  • 网站建设合同免费下载吉安网站建设兼职
  • 广州建网站开发seo型企业网站wordpress适合百度吗
  • 学交互设计网站下载免费网络软件
  • 网站收录后怎么做排名自己制作网页怎么制作的
  • 沙坪坝网站建设公司选哪家好手机版网站建设合同范本
  • 做网站协议书丹东做网站
  • 电子商务网站建设摘要旅游正规免费网站建设公司
  • 最新网站推广方法百度云盘登录入口
  • 选择网站建设公司好网站的绝对路径怎么做
  • 网站建设续费的回访话术建一个类似亨物说网站建设费用
  • 网站建设问题及对策网站被收录又被取消了
  • 服装织梦网站源码百度站长链接提交
  • 建设部网站备案wordpress 图表插件
  • 丹阳网站建设要多少钱硬件开发平台是什么意思
  • 外贸网站推广有哪些哈尔滨建站模板系统
  • 自己做的网站如何上传网上南宁市建设工程信息网
  • wordpress建站的好处石景山网站制作案例
  • 万网是做网站的吗购物网站支付页面制作
  • 海沧做网站夜间app排行榜
  • 网站是用什么技术做的响应式网页模板制作
  • 阿里云服务器如何配置多网站编程的网站
  • 淮安制作网站在那里网站模板大全官网
  • 影视公司网站设计千万不要学电子信息工程
  • 南京专业网站制作哪家好wordpress在php下安装教程
  • 网站开发软件平台有哪些嘉兴网站seo
  • 网站管理助手4.0 mysql什么网站推广比较好
  • 程序外包网站专业制作网站是什么
  • 郑州网站建设+论坛网站集约化建设流程
  • 网站快照回档小清新网站风格
  • p2p网贷网站建设方案长春网站搭建