Typescript中存取器getters和setters的使用
2021/7/16 23:05:13
本文主要是介绍Typescript中存取器getters和setters的使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.存取器
存取器可以让我们可以有效的控制对,对象中的中的成员的访问。 可以通过getters和setters来进行操作 在typescript中分别对应 get 和 set
2.如何解决报错
typescript 编译报错: Accessors are only available when targeting ECMAScript 5 and higher. 报错原因:问器只在针对ECMAScript 5或更高版本时可用 知道了原因我们就可以解决了 执行如下借可以解决了 tsc ./你的文件名.ts -t es5
3.get和set的执行时机
在获取值的时候,会执行get 在修改或者说重新设置值的时候,会执行set 我们来看下面的例子
class Person{ firstName: string //姓氏 lastName: string //名字 constructor(firstName: string, lastName: string) { console.log('在实例化对象的时候,构造器被执行') this.firstName = firstName this.lastName = lastName } // 对数据进行读取 get fullName() { console.log('get方法被执行了') return this.firstName+"-"+this.lastName } // 对数据进行修改 set fullName(str: string) { console.log('set方法被执行了') this.firstName = str.split('-')[0] this.lastName = str.split('-')[1] } } const per = new Person('张', '无忌'); // 会去执行get方法,因为获取值吗 console.log(per.fullName) // 会去执行set方法;因为你修改了值 per.fullName = '李-四'
这篇关于Typescript中存取器getters和setters的使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26小白家庭 nas 搭建方案-icode9专业技术文章分享
- 2024-06-23AI大模型企业应用实战(14)-langchain的Embedding
- 2024-06-23AI大模型企业应用实战(15)-langchain核心组件
- 2024-06-23AI大模型企业应用实战(16)-langchain核心组件
- 2024-06-23AI 大模型企业应用实战(06)-初识LangChain
- 2024-06-19EntBot.ai: AI Website Chatbot for Product Guides and Development Doc
- 2024-06-17zero-shot-learning-definition-examples-comparison
- 2024-06-06Package Easy(基于 NSIS 的打包exe安装包工具)使用方法-icode9专业技术文章分享
- 2024-06-06基于 casdoor 的 ELK 开源登录认证解决方案: elk-auth-casdoor-icode9专业技术文章分享
- 2024-05-29Elasticsearch慢查询日志配置