JS高级 - 面向对象3（面向过程改写面向对象）

改写：
1.前提：所有东西都在 onload 里

2.改写：不能有函数嵌套，可以有全局变量

1. onload --> 构造函数
   全局变量 --> 属性
   函数 --> 方法

4.改错： this
this啥时候会出问题？
1.定时器

    <script>
    function Aar() {
        this.a = 12;
        setInterval(this.show, 1000);  //这里的this 是window
    }
    Aar.prototype.show = function() {
        console.log(this.a); 
    };
    var obj = new Aar();
    //obj.show(); //12
    </script>
    </script>

定时器调用的this是指window。

解决方法：再套一层

    <script>
    function Aar() {
        var _this = this; //obj对象
        this.a = 12;
        // setInterval(this.show, 1000);  //这里的this 是window
        setInterval(function() { 
            _this.show() 
        }, 1000);       //这里调用_this（obj对象）
    }
    Aar.prototype.show = function() {
        console.log(this.a); 
    };
    var obj = new Aar();
    //obj.show(); //12
    </script>

2.事件