ES6中类和对象的代码示例

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于ES6中类和对象的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1.基本定义和生成实例

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }     }     let parent = new Parent('v');     console.log('构造函数和实例', parent); // Parent {name: "v"} }

2.继承

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }     }     class Child extends Parent {      }     console.log('继承', new Child()); // Child {name: "haha"} }

3.继承传递参数

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }     }     class Child extends Parent {         constructor(name = 'child') {             // super()方法,用来解决 继承怎么传递参数(怎么覆盖父类的参数)             // super的参数列表就是父类构造函数的参数列表,如果参数为空,就采用父类的参数默认值             super(name); // super必须放在构造函数第一行             this.type = 'child';         }     }     console.log('继承传递参数', new Child('hello')); // Child {name: "hello", type: "child"} }

4.getter setter

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }         // longName 是一个属性,不是方法         get longName() {             return 'lu-' + this.name;         }         // longName 是一个属性,不是方法         set longName(value) {             this.name = value;         }     }     let person = new Parent();     console.log('getter', person.longName); // lu-haha     person.longName = 'hello';     console.log('setter', person.longName); // lu-hello }

5.静态方法

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }         // static 关键字用来定义静态方法         static tell() {             console.log('do tell');         }     }     // 静态方法,直接通过类去调用,不是通过实例     Parent.tell(); // do tell }

6.静态属性

{     class Parent {         constructor(name = 'haha') {             this.name = name;         }     }     // 直接在类上定义静态属性     Parent.type = 'test';     // 读取静态属性时,也是直接拿类读取     console.log(Parent.type); // test }
本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » ES6中类和对象的代码示例

发表评论

提供最优质的资源集合

立即查看 了解详情