博主信息
博文 21
粉丝 0
评论 0
访问量 14326
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
数组与对象解构方法
P粉116103988
原创
875人浏览过

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

代码如下:

  1. <script>
  2. // 用class声明一个类 : 包括:1.公共属性,2.自有属性。 3.共享属性
  3. class user{
  4. // 公共成员:构造方法外面定义的属性
  5. username= 'php中文网';
  6. // constructor :构造方法
  7. constructor (name,email){
  8. // 自有成员:this.name: 构造方法内部定义的属性
  9. this.name= name;
  10. this.email = email;
  11. }
  12. // 共享成员:
  13. getInfo(){
  14. return `${this.name}:(${this.email})`;
  15. // 调用公共属性:
  16. // return `${thid.name}:${username}(${this.email})`;
  17. }
  18. // 静态属性:
  19. static status='enabled';
  20. }
  21. // 调用类需要new一下:
  22. const User1= new user('猪老师','zhu@php.cn');
  23. console.log(User1.getInfo());
  24. // console.log(User1.status);
  25. // 调用静态属性:
  26. console.log(user.status);
  27. </script>

效果图展示:

2. 实例演示数组与对象解构方法

代码如下:

  1. <script>
  2. // 数组结构:
  3. // 创建一个:模板=值(数组)
  4. let [username,password] = ['猪老师', 'php中文网'];
  5. console.log(username,password);
  6. // 更新数据:更新不用 let
  7. [username,password] = ['php中文网','123456'];
  8. console.log(username,password);
  9. // 对象结构:把对象里面的值放到对应的属性变量中
  10. let {user,email,sex} = {user:'猪老师',email:'php@php.cn',sex:'男'}
  11. console.log(user,email,sex);
  12. </script>

效果图展示:

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