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

题目

现在有一个国王,想要组成一个由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'
记得点点赞,发表意见评论哦~
相关推荐
心随雨下21 小时前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North1 天前
网页版预编译SQL转换工具
前端·javascript·sql
把csdn当日记本的菜鸡1 天前
js查缺补漏
开发语言·javascript·ecmascript
zhangyao9403301 天前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
鎏金铁匠1 天前
跟着ECMAScript 规范,手写数组方法之map
javascript
不爱吃糖的程序媛1 天前
Electron 智能文件分析器开发实战适配鸿蒙
前端·javascript·electron
flashlight_hi1 天前
LeetCode 分类刷题:3217. 从链表中移除在数组中存在的节点
javascript·数据结构·leetcode·链表
Java追光着1 天前
React Native 自建 JS Bundle OTA 更新系统:从零到一的完整实现与踩坑记录
javascript·react native·react.js
努力往上爬de蜗牛1 天前
react native 运行问题和调试 --持续更新
javascript·react native·react.js
Achieve前端实验室1 天前
JavaScript 原型/原型链
前端·javascript