搜索
博主信息
博文 62
粉丝 3
评论 1
访问量 41322
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js创建类 与解构
kiraseo_wwwkiraercom
原创
854人浏览过

创建Kira类

代码人如下

  1. // 创建Kira类
  2. class Kira {
  3. // 构造方法 实例初始化
  4. constructor(name, number){
  5. //自有成员
  6. this.name = name;
  7. this.number = number;
  8. }
  9. // 共享成员
  10. getInfo(){
  11. return `您的名字 ${this.name} : 学号${this.number}`;
  12. }
  13. //静态成员
  14. static student= '学生';
  15. }
  16. const obj1 = new Kira('小名', ' 12318 ');
  17. console.log(obj1.getInfo(),Kira.student);
  18. //输出静态成员
  19. console.log(Kira.student);

演示效果图

演示效果图

演示数组与对象解构

代码人如下

  1. console.log("演示数组与对象解构");
  2. console.log("演示数组解构");
  3. let [name ,lesson ,score] = [' 小红', '语文 ' ,' 98 '];
  4. console.log(name ,lesson ,score);
  5. // 更新
  6. console.log('==更新==');
  7. [name ,lesson ,score] = [' 小红', '数学 ' ,' 85 '];
  8. console.log(name ,lesson ,score);
  9. console.log("++++++++++++++++++++++++++++++++");
  10. console.log("演示对象解构");
  11. let snacks = {id: 1 ,category : '全麦面包',type:'常食用零食'};
  12. // 使用对象解构来优化函数的声明
  13. function getSnack({ id, category, type }) {
  14. console.log(id, category, type);
  15. }
  16. getSnack(snacks);

演示效果图

演示效果图

完整代码如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>js创建类 与解构</title>
  8. </head>
  9. <body>
  10. <script>
  11. // 创建Kira类
  12. class Kira {
  13. // 构造方法 实例初始化
  14. constructor(name, number){
  15. //自有成员
  16. this.name = name;
  17. this.number = number;
  18. }
  19. // 共享成员
  20. getInfo(){
  21. return `您的名字 ${this.name} : 学号${this.number}`;
  22. }
  23. //静态成员
  24. static student= '学生';
  25. }
  26. const obj1 = new Kira('小名', ' 12318 ');
  27. console.log(obj1.getInfo(),Kira.student);
  28. //输出静态成员
  29. console.log(Kira.student);
  30. console.log("++++++++++++++++++++++++++++++++");
  31. console.log("演示数组与对象解构");
  32. console.log("演示数组解构");
  33. let [name ,lesson ,score] = [' 小红', '语文 ' ,' 98 '];
  34. console.log(name ,lesson ,score);
  35. // 更新
  36. console.log('==更新==');
  37. [name ,lesson ,score] = [' 小红', '数学 ' ,' 85 '];
  38. console.log(name ,lesson ,score);
  39. console.log("++++++++++++++++++++++++++++++++");
  40. console.log("演示对象解构");
  41. let snacks = {id: 1 ,category : '全麦面包',type:'常食用零食'};
  42. // 使用对象解构来优化函数的声明
  43. function getSnack({ id, category, type }) {
  44. console.log(id, category, type);
  45. }
  46. getSnack(snacks);
  47. </script>
  48. </body>
  49. </html>
批改老师: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+教程免费学