码迷,mamicode.com
首页 > 其他好文 > 详细

面向对象编程思路

时间:2018-12-26 10:37:58      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:back   面向对象编程   状态   ant   end   title   new   false   elephant   

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>面向对象编程思路</title>
    </head>

    <body>
    </body>
    <script type="text/javascript">
        // 把大象放进冰箱,需要几个步骤

        /*
        // ------------- 面向过程的编程思路 -------------
        // false : 门是关闭状态   true : 门是开启的状态
        var door = false;
        // false : 冰箱无物   true : 冰箱有物
        var box = false;
        
        // 第一步 : 打开冰箱的门
        function openDoor(){
            door = true;
        }
        openDoor();
        // 第二步 : 把大象放进去
        function putElephant(){
            if(door){
                if(box){
                    box = false;
                }
                if(!box){
                    box = true;
                }
            }
        }
        putElephant();
        // 第三步 : 把门关上
        function closeDoor(){
            if(door){
                door = false;
            }
        }
        closeDoor();
        */
        // ---------------- 面向对象的编程思路 ------------------

        function Box(door, box) {
            this.door = door;
            this.box = box;
        }
        Box.prototype.openDoor = function() {
            this.door = true;
            return this;
        }
        Box.prototype.putElephant = function() {
            if(this.door) {
                this.box = true;
            }
            return this;
        }
        Box.prototype.closeDoor = function() {
            if(this.door) {
                this.door = false;
            }
            return this;
        }
        // 调用
        var box = new Box(false, false);
         box.openDoor();
         box.putElephant();
        box.closeDoor();
    </script>

</html>

 

面向对象编程思路

标签:back   面向对象编程   状态   ant   end   title   new   false   elephant   

原文地址:https://www.cnblogs.com/zbly/p/10175619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!