编程之路:从零到百度,探索有表现力的代码之嘎嘎嘎~

题目

现在有一个国王,想要组成一个由1000鸭子组成的合唱团,要求鸭子能够嘎嘎嘎的叫,但是最后只找有999只鸭子,该怎么办?请用代码实现。

分析

  1. 组成合唱团,则需要定义一个choir数组对象,来存放1000只鸭子;
  2. 定义一个鸭子duck对象,对象用对象字面量来表达;
  3. 鸭子能够嘎嘎嘎的叫,那么就需要定义一个方法sing;
  4. 要筛选能够嘎嘎嘎的叫的鸭子,那么就需要定义一个方法joinChoir来筛选鸭子;
  5. 通过for循环来实现999只鸭子加入choir;
  6. 只有999只鸭子,但是要求1000只鸭子,那么这个时候定义一个chicken对象,并定义一个方法sing,再加入choir;
  7. 合唱团组成,可以嘎嘎嘎嘎嘎嘎了。

代码

xml 复制代码
<script>
        /*
        国王 1000只鸭子合唱团 嘎嘎嘎的叫
        */
       //const 常量
       //赋值语句
       //js 弱类型,不需要像java要写明类型(用class声明对象)
       const choir=[];//合唱团 数组也是对象
       //对象字面量
       const duck={
        sing:function(){
            console.log('嘎嘎嘎');
        }
       }
      
       //学外语
       const chicken={
        sing:function(){
            console.log('嘎嘎嘎');
        }
       }

       //封装
       //加入合唱团有个流程
       function joinChoir(animal){
            //严谨性
            if(animal && typeof animal.sing=='function'){
                 choir.push(animal);
            }
            console.log('恭喜加入合唱团!');
       }
       for(let i=0;i<999;i++){
        joinChoir(duck);
       }
       joinChoir(chicken);
       console.log('合唱团已有'+choir.length+'位成员');
       if(choir.length===1000){
        console.log('报告国王,合唱团招聘完成!');
       }
      
    </script>

总结

  1. 组成合唱团(敏锐的逻辑能力);
  2. 加入合唱团应该写成一个方法(封装能力);
  3. 鸭子模型(深入的语言能力)(弱类型,不需要像java要写明类型(用class声明对象));
  4. JS不是传统的面向对象(class Duck),是基于原型式的面向对象();
  5. JS才是最面向对象的面向对象,除了简单数据类型的一切都是对象。

小知识

  • 如何区分不同类型的对象=>Object.prototype.toString.call()
  • 例如:
  1. Object.prototype.toString.call(choir)=>'object Array'
  2. Object.prototype.toString.call(duck)=>'object Object'
  3. Object.prototype.toString.call(sing)=>'object Function'
记得点点赞,发表意见评论哦~
相关推荐
糕冷小美n21 分钟前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
爱上妖精的尾巴2 小时前
8-10 WPS JSA 正则表达式:贪婪匹配
服务器·前端·javascript·正则表达式·wps·jsa
shadow fish3 小时前
react学习记录(三)
javascript·学习·react.js
小疙瘩3 小时前
element-ui 中 el-upload 多文件一次性上传的实现
javascript·vue.js·ui
程序员林北北3 小时前
【前端进阶之旅】JavaScript 一些常用的简写技巧
开发语言·前端·javascript
全栈前端老曹3 小时前
【Redis】Redis 持久化机制 RDB 与 AOF
前端·javascript·数据库·redis·缓存·node.js·全栈
NEXT063 小时前
受控与非受控组件
前端·javascript·react.js
NEXT064 小时前
防抖(Debounce)与节流(Throttle)解析
前端·javascript·面试
呆子小木心5 小时前
Vue2或Vue3项目引用百度地图
javascript·vue.js·typescript·前端框架·html5
兆子龙7 小时前
深入 ahooks 3.0 useRequest 源码:插件化架构的精妙设计
javascript·面试