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

题目

现在有一个国王,想要组成一个由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'
记得点点赞,发表意见评论哦~
相关推荐
泯泷11 分钟前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
泯泷12 分钟前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
朦胧之1 小时前
页面白屏卡住排查方法
前端·javascript
犇驫聊AI2 小时前
Chrome DevTools MCP + Claude Code 自定义skills生成接口代码生成器
前端·javascript
kyriewen2 小时前
别再这样写 async/await 了:我在 Code Review 中见过最多的 8 个错误
前端·javascript·面试
用户298698530147 小时前
在 React 中使用 JavaScript 将 Excel 转换为 SVG
前端·javascript·react.js
labixiong7 小时前
手写Promise--微任务、静态方法、async/await 全搞懂(三)
前端·javascript
铁皮饭盒9 小时前
3行代码搞定页面截图,Bun.WebView真的简单
javascript
kyriewen1 天前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
山河木马1 天前
矩阵专题2-怎么创建视图矩阵(uViewMatrix)
javascript·webgl·计算机图形学