资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

typescript类属性如何封装

本篇内容介绍了“typescript类属性如何封装”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联是专业的互助网站建设公司,互助接单;提供网站设计制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行互助网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

类属性的封装:通过属性的修饰符实现

  • private:只有在类的内部进行访问和修改

  • public:可以在任意位置访问和修改。默认时public

  • protected:可以在当前类和当前类的子类中访问和修改

属性的修饰符,如果是private,那么在类的外边通过getter 和 setter 方法 来存取属性;

1 class MyClass {
 2     public _name: string
 3     private _age: number
 4     
 5     constructor(){
 6         this._name="aa";
 7         this._age=12;
 8     }
 9     /**
10      * 读取属性
11      * ts中的getter方式
12      * @returns 
13      */
14     get age(){
15         return this._age;
16     }
17     /**
18      * 设置属性
19      * ts中的setter方式
20      * @param value 
21      */
22     set age(value:number){
23         this._age = value;
24     }
25

调用方式:

1 const aaa = new MyClass();
2 aaa._name="q";
3 console.log(aaa.age);//调用getter   12
4 aaa.age=2;//调用setter 
5 console.log(aaa);// {_name: 'q', _age: 2}

类的简略写法:

1 class C{
2     constructor(public name:string,public age:number){
3        
4     }
5

等同于:

1 class C{
2     name:string;
3     age:number;
4     constructor(name:string,age:number){
5         this.age =age;
6         this.name=name;
7     }
8

“typescript类属性如何封装”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章标题:typescript类属性如何封装
当前URL:http://cdkjz.cn/article/pdppds.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220