博主信息
博文 49
粉丝 0
评论 3
访问量 33882
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
实例演示用class创建类并实现各成员的声明与输出以及数组与对象的解构方法
P粉479712293
原创
758人浏览过

题目一:用class创建一个类并实现自有,共享,静态成员的声明与输出

对应的js文件如下:

  1. // *声明一个类
  2. class Product{
  3. // *构造器初始化
  4. constructor(name,num,price){
  5. // *自有成员
  6. this.name=name;
  7. this.num=num;
  8. this.price=price;
  9. }
  10. // *共享成员(原型成员)
  11. getInfo(){
  12. return `名称:${this.name},数量:${this.num}台,单价:${this.price}元`;
  13. }
  14. // *静态成员
  15. static status="正在热卖";
  16. }
  17. // *构造器new出实例并传参:
  18. const product1=new Product('联想电脑',10,5600);
  19. console.log(product1.getInfo());
  20. console.log(Product.status);

对应的浏览器效果图如下:

题目二:实例演示数组与对象的解构方法

对应的js文件如下:

  1. // *1.数组解构
  2. // *模板=值(数组)
  3. let [name1,num,price]=['华为手机',8,5000];
  4. console.log(name1,num,price);
  5. // *更新
  6. [name1,num,price]=['华硕电脑',6,5800];
  7. console.log(name1,num,price);
  8. // *2.对象解构
  9. let{id,name2,num2,price2}={id:1,name2:'海尔空调',num2:5,price2:4500};
  10. console.log(id,name2,num2,price2);
  11. // *更新
  12. ({id,name2,num2,price2}={id:2,name2:'海信冰箱',num2:6,price2:3500});
  13. console.log(id,name2,num2,price2);

对应的浏览器效果图如下:

批改老师: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+教程免费学