博主信息
博文 17
粉丝 1
评论 0
访问量 13787
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js之Class构造函数
P粉933302309
原创
1475人浏览过

1.用class实现自有成员,共享成员,静态成员的声明和输出!

  1. class US2 {
  2. // 构造方法,初始化
  3. constructor(name, num) {
  4. // 自有成员
  5. this.name = name;
  6. this.num = num;
  7. }
  8. // 共享成员
  9. getInfo() {
  10. return `${this.name} : (${this.num})`;
  11. }
  12. // 静态成员
  13. static static = "6666";
  14. }
  15. // 自有实例
  16. let us1 = new US2("老王111", 10);
  17. let us2 = new US2("老王222", 10);
  18. console.log(us1, us2);
  19. // 共享实例
  20. console.log(us1.getInfo(), us2.getInfo());
  21. // 静态实例
  22. console.log(US2.static);

2.数组和对象的解构方法

1.数组解构

  1. let [aa, bb] = ["你好啊", "我很好"];
  2. console.log(aa, bb);
  3. // 更新
  4. [aa, bb] = ["hello", "world"];
  5. console.log(aa, bb);
  6. // 参数不足:给默认值
  7. [aa, bb, cc = "笨蛋"] = ["hello", "world"];
  8. console.log(aa, bb, cc);
  9. // 参数过多:...rest
  10. [a, b, ...arr] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
  11. console.log(a, b);
  12. console.log("----------------");
  13. console.log(arr);
  14. console.log("----------------");
  15. console.log(a, b, ...arr);

2.对象结构

  1. let { id, jg, num } = { id: 1, jg: 2000, num: 3 };
  2. console.log(id, jg, num);
  3. // 更新
  4. ({ id, jg, num } = { id: 100, jg: 5000, num: 20 });
  5. console.log(id, jg, num);
  6. // 命名冲突,起别名
  7. ({ id: id2, jg1, num1 } = { id: 10, jg1: 500, num1: 200 });
  8. console.log(id2, jg1, num1);
  9. // 演示案例
  10. let user = { id: 1, jg: 880, num: 3 };
  11. function getUser({ id, jg, num }) {
  12. console.log(id, jg, num);
  13. }
  14. getUser(user);
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学