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

题目

现在有一个国王,想要组成一个由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'
记得点点赞,发表意见评论哦~
相关推荐
csdn_aspnet几秒前
如何在 .NET Core WebAPI 和 Javascript 应用程序中安全地发送/接收密钥参数
javascript·.netcore·cryptojs
还是大剑师兰特8 分钟前
pnpm format 什么作用
开发语言·javascript·ecmascript
qq_3391911443 分钟前
kimi-cli 服务形式启动,kimi-cli无头模式 kimi-cli web启动,
服务器·前端·javascript
@大迁世界1 小时前
17.在 React 中如何根据条件决定渲染哪个组件?
前端·javascript·react.js·前端框架·ecmascript
travel_wsy1 小时前
PLY三维模型在vue中的展示
前端·javascript·vue.js
还是大剑师兰特1 小时前
Vite + Vue 3 一体化开发调试插件:vite-plugin-vue-devtools
前端·javascript·vue.js
晓得迷路了1 小时前
栗子前端技术周刊第 123 期 - axios 包遭入侵、Babylon.js 9.0、Node.js 25.9.0...
前端·javascript·axios
꧁꫞꯭零꯭点꯭꫞꧂1 小时前
JavaScript模块化规范
开发语言·前端·javascript
摸鱼的春哥1 小时前
Agent教程22:AI大模型兼容,踩坑到崩溃
前端·javascript·后端
邂逅星河浪漫2 小时前
【Vue2-ElementUI】:model、v-model、prop
javascript·vue.js·elementui