Typescript类静态部分与实例部分的区别

最新推荐文章于 2022-03-17 21:55:08 发布
最新推荐文章于 2022-03-17 21:55:08 发布
阅读量909 收藏 2
点赞数 4
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kiwi_piggy/article/details/108261409
版权
本文探讨了TypeScript中类的静态部分与实例部分的区别，通过一个错误示例解释了为什么类实现接口时不检查静态构造函数。并介绍了官方提供的两种解决方案：使用额外的构造函数或类表达式来确保构造签名的正确性。
摘要由CSDN通过智能技术生成

Typescript类静态部分与实例部分的区别@TOC

在学习typescript的时候在这一部分看了很久，特地把中文英文文档都看了一遍，在此写下自己的理解

先看这个例子

interface ClockConstructor {
   
  new (hour: number, minute: number);
}

class Clock implements ClockConstructor {
   
/*报错：Class 'Clock' incorrectly implements interface 'ClockConstructor'.
  Type 'Clock' provides no match for the signature 'new (hour: number, minute: number): any'.*/
  currentTime: Date;
  constructor(h: number, m: number) {
最低0.47元/天 解锁文章
kiwi_piggy
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【前端学习】TypeScript类静态部分与实例部分的区别
weixin_38623697的博客
02-19 1456
在阅读TypeScript中文手册“类静态部分与实例部分的区别”这一条目时，有如下代码展示： interface ClockConstructor { new (hour: number, minute: number); } class Clock implements ClockConstructor { currentTime: Date; constructo...
TypeScript笔记：类的静态部分、实例部分及Interface实现实例
ctg168的专栏
10-26 2287
TypeScript接口构造的定义及使用方法。
Typescript类静态部分与实例部分的区别-详解
qq_37027534的博客
03-17 1365
在学习Typescript时，很多人对类接口中的“类静态部分与实例部分的区别”这一章类容比较费解，这里根据实际的案例并辅以说明，帮助大家理解。
Ts的接口
litter_lj的博客
12-31 389
1.对json进行限制 interface JsonFomat { name: string; // 必须存在name readonly age: number; // 必须存在age [propName: string]: any; //其他属性，可有可无 } let json1: JsonFomat = { name: "张三", age: 18, }; let json2: JsonFomat = { name: "张三", age: 18, defineName
TypeScript小结
z609373067的博客
08-04 844
TypeScript简单介绍 使用感受 ts的学习路线并不是和友好。 适用场景 因其比js严格,所以可以用来取写库,更严谨 写大型项目,后期利于维护 熟悉一门纯面向对象语言如 java,c++上手容易 团队合作较好 ts是什么 ts是微软推出的一个静态类型检查的弱类型语言 ,是javascript的超集，是可编译的,最终还是会被编译为js代码,其中有严格的类型定义,接口使用和面向对...
TypeScript中怎么用接口（interface）描述类（静态部分与实例部分）
letterTiger的博客
06-07 1万+
TypeScript是JavaScript的超集 在看TypeScript官方文档的接口一节的时候对于类的静态部分与实例部分产生了疑问，通过努力得到自认为相对合理的解释，写下此文以记所得，如有谬误感谢指正。 文中大部分代码示例来自TypeScript官网 TS中的接口 我的理解中TS中的接口就是描述一个对象中应该有那些属性，这些属性对应值得类型，有哪些方法，这些方法的参数和返回值等信息...
【TypeScript语法】类的静态方法
weixin_40968046的博客
06-29 516
使用 static 修饰符修饰的方法称为静态方法； 静态方法不需要实例化，而是直接通过类来调用。 class Animal { private name; constructor(name) { this.name = name; } static isAnimal(a) { return a instanceof Animal; } } let a = new Animal('Jack'); Animal.isAnimal(a); /
Typescript中的类 类中的静态属性 静态方法 抽象类 多态.zip
最新发布
11-05
类的静态方法与静态属性类似，也是属于类本身的，而不是类的实例。它们不能访问实例的非静态成员，但可以访问静态成员。声明静态方法同样使用 `static` 关键字。例如： ```typescript class MathUtils { static ...
04 Typescript中的类 类中的静态属性 静态方法 抽象类 多态
05-11 959
es5中的静态属性、静态方法 // es5中的静态属性，静态方法 function Person(){ this.run=function(){ } } Person.name='哈哈哈';// 静态属性 Person.run1=function(){// 静态方法 } ts中定义静态属性和静态方法 class Person{ name:string; constructor(name:string) { this.name=name;
typescript学习（6）---静态类型概述
sanlingwu的博客
02-14 2236
1、ts允许我们显式声明变量的类型：let foo: number = 42;明确声明foo的类型为number，如果在后面将foo的值改为'42'，ts编译器就会报错。2、any类型ts中所有类都是any类的子类，声明为any类型的变量可以持有任何类型的值。let foo: any;3、ts中所有其他类型可分为以下几类：原生类型：Number、String、Boolean、Void、Null、U...
TypeScript基础入门 - 接口 - 类类型
weixin_34302798的博客
08-05 112
2019独角兽企业重金招聘Python工程师标准>>> ...
Type 'CrazyClass' provides no match for the signature 'new (): { hello: number; }'
alias
09-10 1576
今天看TypeScript Deep Dive的时候有个例子 interface Crazy { new(): { hello: number; }; } class CrazyClass implements Crazy { constructor() { return { hello: 123 }; } } // Becaus...
TypeScript学习笔记之 类
热门推荐
喻志强的博客
01-09 1万+
传统的JavaScript程序使用函数和基于原型（prototype）的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。 但是可能要等到下个版本的javascript发布发布才能使用
静态类(static class)、成员类(member class)、局部类(local class)、匿名类   （anonymous class）
qq_30021219的博客
09-12 1万+
内部类定义:在一个类的内部定义一个类 内部类分为:静态类(static class)、成员类(member class)、局部类(local class)、匿名类   （anonymous class） static class       作为类的静态成员存在于某个类的内部 member class 作为类的成员存在于某个类的内部 local class ...
TypeScript中public，private，protected的区别
weixin_45679977的博客
01-28 2958
public public表明该数据成员、成员函数是对所有用户开放的，所有用户都可以直接进行调用，在程序的任何其它地方访问。 private private表示私有，私有的意思就是除了class自己之外，任何人都不可以直接使用，私有财产神圣不可侵犯嘛，即便是子女，朋友，都不可以使用。和public相反，加上这个修饰的属性和方法，只允许在自己本身这个类里访问，程序的任何其它地方都不能访问 prote...
【TS基础】初学之 Interface 接口定义
Milk~每天分享一点点，技术进步一点点
10-10 2967
初学之 Interface接口 介绍 TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 接口初探 下面通过一个简单示例来观察接口是如何工作的： function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label); } let myObj = {
TypeScript中Interface的理解
weixin_33852020的博客
01-25 1150
背景 在阅读官方文档的时候，遇到了如下代码。 interface ClockConstructor { new (hour: number, minute: number): ClockInterface; } interface ClockInterface { tick(); } function createClo...
TypeScript 接口
weixin_34348111的博客
10-20 171
TypeScript 接口 接口只读属性 使用关键字readonly定义只读的接口属性 interface Point { readonly x: number; readonly y: number; } 复制代码// 定义一个接口 interface Point{ readonly x: number; readonly y: number; } // 对接口赋值 let p1: P...
TypeScript高级用法详解与类继承示例
通过这个实例，读者可以学习到如何在TypeScript中设计和实现类的继承结构，以及如何正确地使用`super`关键字来扩展父类的行为。这对于重构现有的JavaScript项目或者开发新的类型安全应用具有很高的实用价值。同时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值