【Typescript】ts中的静态属性和静态方法

2023-11-10

Typescript中的静态属性和静态方法

在ts中使用静态属性和方法,需要有static关键字,且在静态方法里只能用静态属性

举两个栗子

在es5中

function Person(){
	this.run1 = function (){} 		// 实例方法,实例化后调用
}
var p = new Person()				// 实例化
p.run1()							//调用实例方法

Person.run2 = function (){} 		// 静态方法,类名直接调用
Person.name = '哈哈哈'					// 静态属性
Person.run2() 						// 静态方法的调用,类名直接调用

在ts中

class Person{
        public name:string;
        static sex = '男'   //静态属性
        constructor(name:string){
                this.name=name;
        }
        run(){ //实例方法
                console.log(`${this.name}在运动`)
        }
        work(){
                console.log(`${this.name}在工作`)
        }
        static print(){   //静态方法
                console.log('静态方法')   //注意这里无法直接调用类中属性,如this.name不可调用,但是可以调用静态属性Person.sex
        }
}
var d = new Person('小摆') 
d.run()   //实例方法调用
Person.print()  //静态方法调用  使用静态属性、静态方法前要加类名
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

【Typescript】ts中的静态属性和静态方法 的相关文章

  • Brunch 源映射:在 Chrome 开发工具中未命中断点

    我正在使用 Brunch 中内置的默认源映射 我看到文件很好 但无法在源映射文件中命中断点 使用 Javascript 访问调试器debugger 有效 这让我相信早午餐方面出了问题 这是我的 brunch config js module
  • JavaScript 画布内存问题

    我在用着getImageData putImageData在 HTML5 画布上能够操作图片 我的问题是浏览器似乎从来没有释放任何内存 http jonelf posterous com lite gc men for sent 直到我关闭
  • querySelector 搜索直接子级[重复]

    这个问题在这里已经有答案了 我有一些类似 jquery 的函数 function elem return gt someselector elem 问题是我怎样才能做同样的事情querySelector 问题是 gt 选择器中querySe
  • 如何正确地将节点从引用传递到上下文?

    我正在尝试将节点从引用传递到上下文 但是因为我在第一次渲染后没有重新渲染 所以传递的节 点是null 我考虑了两种变体 但我认为它们不是最好的 To pass ref代替ref current 但在用例中 我将被迫使用类似的东西contex
  • React Native 无法访问 Cloud Firestore 后端

    我之前使用的是 firebase 实时数据库 但现在想切换到 Cloud Firestore 但即使经过身份验证 也会收到以下错误 我目前正在使用 Android Simulator 尝试禁用我的实时数据库 但找不到解决方案 Firebas
  • 从 puppeteer PDF 中删除分页符?

    我目前正在尝试查看是否有一种方法可以删除我的 puppeteer PDF 中的分页符 因为我当前的 PDF 设置中的一些分页符正在以一种奇怪的方式切断文本 我正在谈论的内容的屏幕截图 我的傀儡代码 app get companyId pdf
  • 解释一下这个令人困惑的 dojo 教程声明语法

    我正在阅读使用的语法道场的声明 http dojotoolkit org documentation tutorials 1 8 declare 用于班级创建 描述很混乱 The declare function is defined in
  • 无需重定向的 HTML 页面提交

    有没有什么方法可以在不使用ajax的情况下提交html表单而无需从当前页面重定向 你可以设置一个target 为您form 这样您就可以将表单提交到新选项卡 target blank 或一个小的 隐藏的iframe target nameo
  • 如何使用 Nextjs/React 将 JSON 对象导出到 Excel?

    我有一个检索 json 对象的端点 如下所示 data id 1 temaIndicador Indian codigo 001 observaciones Interactions Specialist tertiary Regional
  • 插件 gulp-babel 错误:插件/预设文件不允许导出对象,只能导出函数

    我现在尝试在我的 Ionic v1 应用程序中使用 JavaScript 2015 ES6 包 json name test version 1 0 0 dependencies ionic native deeplinks 4 18 0
  • 修复 Raphaël 路径节点上 Tipsy 工具提示的位置

    这是一个非常具体且有些复杂的问题 所以我设置了一个最小测试用例 http reveal dk 8080 revealit dk tipsytest 在阅读本文的其余部分之前 您可能应该先了解一下 我的页面显示悬停时突出显示区域的图像Raph
  • 为什么Promise中的代码会同步执行? [复制]

    这个问题在这里已经有答案了 在我的项目中 我有一个很长时间运行的操作 所以我决定将其放入Promise因为我认为这样我就可以在里面的代码继续执行其他操作Promise正在跑步 调试的时候发现外面的代码Promise仅当里面的代码执行Prom
  • 使用 eval 时不会受到 XSS 威胁

    我正在制作 不是现在 但我仍然对这个感到好奇 一款使用 HTML5 和 JS 的游戏 我想要的是人们可以插入自定义脚本 但要安全 function executeCustomJS code eval code bad 当然这段代码非常糟糕
  • 为什么浏览器允许onmousedown JS改变href?

    我很长时间以来都注意到 当您尝试复制链接位置或在 Facebook 上打开链接时 它会修改链接并将其传递给l php 例如 我可以被发送到 http www facebook com l php u http 3A 2F 2Fwww goo
  • 如何在 TypeScript 中基于只读元组动态创建对象?

    在 TypeScript 中 我可以使用以下构造基于只读元组定义类型的属性 const keys A B C as const type T key in typeof keys number boolean 这的行为符合预期 const
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • eventSources 到事件 Json,完整日历

    我正在尝试从 eventSources 获取 json 调用到我的事件 我在 eventSources 中返回的 json 是 title Title Test start 1305841052 当我将此字符串传递到事件中时 它会正确显示日
  • 使用严格模式编译指示时如何声明全局变量

    使用自调用函数来包装严格模式兼容代码 通常称为严格模式编译指示 被认为是一种很好的做法 function use strict Strict code here 我的问题是在这种情况下如何声明全局变量 我今天知道的三种替代方案 替代方案 1
  • YouTube 点击时禁用 HTML5

    有没有办法让我们通过javascript禁用HTML5视频的 播放 暂停 点击全屏 功能 然后在我们再次需要时将其放回去 我不知道你是否可以禁用它们 但你可以使用 css 删除它们 video webkit media controls f
  • HTML5 地理定位 - 在 iOS 上无法始终工作

    目前正在使用 HTML5 地理定位 我已经在所有网络浏览器上测试了它 它似乎工作正常 然而 当我在 iPad 上测试地理定位时 它在 iPad mini 上始终有效 但当我将其放在更大的 iPad iPad 2 上时 位置似乎并不总是有效

随机推荐

  • c语言删除json元素,JS 中彻底删除 JSON 对象组成的数组中的元素

    在 JS 中 对于某个由 JSON 对象组成的数组 例如 var test a 1 b 2 a 3 b 4 a 5 b 6 如果我们想要删除其中的第二个json对象 应该怎么做呢 其实方法和操作数组完全相同 在最开始的时候尝试使用了 del
  • IDM下载器

    在Windows PowerShell中运行 需要VPN Enable TLSv1 2 for compatibility with older clients System Net ServicePointManager Security
  • postman介绍

    原文 https blog csdn net weixin 39411616 article details 78655456 请求Request 1 URL 2 Method 根据方法的不同 body编辑器会发生变化 3 Headers
  • pandas.to_datetime() 只保留【年-月-日】

    Outline pandas to datetime 生成的日期会默认带有 2019 07 03 00 00 00 的分钟精度 但有时并不需要这些分钟精度 去掉分钟精度 可以通过pandas中的 dt date 去掉分钟 df just d
  • javaweb-react的入门遇到的问题一:state和props的初始化和设置修改

    引用仿照菜鸟教程的例子 需要网页有一个id为example333的div var HelloMessage React createClass getDefaultProps return password 123456 render fu
  • solidwork放置螺丝孔以及显示螺纹的问题

    放置螺丝孔 放置螺丝孔十分容易 网上便有很多教程 在此我也重复一次 如上图 在特征一行中点击 异型孔向导 在逐步选择所要的螺孔类型 和位置即可 新手如果纠结可以按照我的设置来 前提是你用的是M3的螺丝孔 再着再将螺丝孔放在你想要的位置即可
  • redis配置哨兵(sentinel)模式

    主从复制 当主服务器宕机时 我们需要手动的将从服务器中选取新的主服务器 这样会会需要人工干预 费时费力 而且不能及时的发现服务器宕机 造成一定时间内服务不可用 这并不是一个推荐的方案 我们更加建议使用哨兵模式替代 哨兵模式 Redis Se
  • 微信小程序wx.getLocation接口审核不通过

    审核不通过的原因一般包含这几种 一 当前提审小程序代码包中地理位置相关接口 wx getLocation 暂未开通 分析原因 接口未开通 解决方法 按下图申请开通对应的接口即可 二 你所描述的小程序接口使用场景 目前未符合接入wx getL
  • taro 兼容支付宝小程序和微信小程序<六>-- 自定义密码或验证码输入框组件的input 自动获取焦点(ios支付宝小程序怎么隐藏input的光标)

    项目 tar3 vue3 问题 自定义密码或验证码输入框需要自动聚焦 拉起键盘 A 微信小程序 用了自定义指令达到这个目的 自定义密码或验证码输入框 input自动获取焦点之坑 B 支付宝小程序 官方文档中说不支持自动获取焦点 必须手动拉起
  • 解决mysql经常断开重连的问题

    解决mysql自动断开连接的问题 有三个方法可以解决这个问题 1 修改MySQL配置参数 2 修改JDBC 3 修改第三方的数据库连接池应用 Proxool xml 方法1的解决方案 这个参数的名称是 wait timeout 其默认值为
  • redis 获取 list 中的所有元素

    一种方法是用 lrange key 0 1 这种方法不会影响 redis list 中的数据 List
  • QT 网络编程之https

    HTTP 超文本传输协议 是一个基于请求与响应 无状态的 应用层的协议 常基于TCP IP协议传输数据 互联网上应用最为广泛的一种网络协议 所有的WWW文件都必须遵守这个标准 设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法 H
  • 【Python-3.5】matplotlib做简单折线图

    在matplotlib中使用plot 函数可以做出简单折线图 预期效果如下 代码如下 导入pyplot模块 import matplotlib pyplot as plt 输入横纵坐标数据 months 1 2 3 4 5 6 people
  • 分布式事务解决方案

    一 概述 分布式事务 分布式系统会把一个应用拆分为多个可独立部署的服务 此时要完成事务 就需要这些服务之间远程交互完成事务 简单的说跨JVM进程或者跨数据库实例产生分布式事务 典型的分布式事务场景 跨库事务 一个应用中某个功能需要操作多个库
  • Android基础-Service和IntentService知识点详细总结

    Service 对于广大的Android开发者来说算是耳熟能详了 作为Android的四大组件之一 在我们的开发中也起着重要的作用 在Android面试中 Service相关的问题也是面试官问得比较多的 当别人问你 Service 到底是什
  • 【torch.nn.init】初始化参数方法解读

    可参考 torch nn init 云 社区 腾讯云 一 torch nn init constant tensor val 1 作用 常数分布 用值val填充向量 2 参数 tensor an n dimensional torch Te
  • 青藤首提“业安融合”理念,正式发布先进云安全方案CNAPP

    4月18日 青藤以 云时代 安全变了 为主题的2023年云安全高峰论坛在北京成功举办 会上 青藤首次提出 业安融合 理念 正式发布先进云安全方案CNAPP 中国全面进入云和数字化时代 当前 全球已进入数字经济时代 我国高度重视数字经济发展
  • Postgresql on conflict do update 设置当前值,原始值,当前值与原始值相加值

    Postgresql插入时主键冲突会报错 可采取冲突不做任何处理或者进行更新 俩种方式避免报错 更新时可以保存新值 保存新值与旧值表达式 更新时可以保存原来的值 ON CONFLICT date city DO NOTHING 或者 ON
  • JVM —堆内存区域的认识

    一个JVM只有一个堆 堆的大小是可以调节的 堆中存放的内容 当类加载器读取完类文件后 会把类 方法 常量 变量等存放在堆中 保存的是我们所有引用对象的真实对象 也就是真实引用对象的数据等 堆内存中的三个区域 新生区 老年区 永久区 堆中要进
  • 【Typescript】ts中的静态属性和静态方法

    Typescript中的静态属性和静态方法 在ts中使用静态属性和方法 需要有static关键字 且在静态方法里只能用静态属性 举两个栗子 在es5中 function Person this run1 function 实例方法 实例化后