博客列表 >数组与对象解构方法

数组与对象解构方法

P粉116103988
P粉116103988原创
2022年07月29日 21:14:37675浏览

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>

效果图展示:

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议