/**
 * Created by eleven on 2017/8/30.
 */
window.onload = function () {
    'use strict'
    var scope = {
        increaseSprite: function () {
            this.sprite++;
        },
        decreaseSprite: function () {
            this.sprite--;
        },
        increaseCola: function () {
            this.cola++;
        },
        decreaseCola: function () {
            this.cola--;
        },
        cola: 0,
        sprite: 0,
        price: 3
    }
    
    function Scope() {
      this.$$watchList = [];  
    }
    
    Scope.prototype.$watch = function (name, getNewValue, listener) {
        var watch = {
            name: name, //当前watch对象的key值，和ng-bind的值是一致
            getNewValue: getNewValue, //得到新的值
            listener: listener || function () {} //当数据改变时需要执行的回调函数
        };
        this.$$watchList.push(watch);
    }
    Scope.prototype.$digest = function () {
        var dirty = true;
        var checkTimes = 0;
        while(dirty){
            dirty = this.$$digestOnce();
            checkTimes++;
            if(checkTimes > 10 && true){
                throw  new Error("检测超过10次");
            }
        };
    }
    Scope.prototype.$$digestOnce = function () {
        var dirty;
        var list = this.$$watchList;
        for(var i = 0, l = list.length; i <l; i++){
            var watch = list[i];
            var newValue = watch.getNewValue();
            var oldValue = watch.last;
            if(newValue !== oldValue){
                watch.listener(newValue, oldValue);
                //因为listener操作，已经检测过的数据可能变脏
                dirty = true;
            }else{
                dirty = false;
            }
            watch.last = newValue;
        }
        return dirty;
    }
    //将数据绑定到UI时，就会执行如下代码，在watchList中插入watch对象
    var $scope = new Scope();
    $scope.$watch('sprite',function () {
        $scope.sprite = scope.sprite;
        return $scope[this.name];
    },function (newValue, oldValue) {
        console.log("sprite: newValue:" + newValue + '-------' + "oldValue" + oldValue);
    });
    $scope.$watch('cola',function () {
        $scope.cola = scope.cola;
        return $scope[this.name];
    },function (newValue, oldValue) {
        console.log("cola: newValue:" + newValue + '-------' + "oldValue" + oldValue);
    });
    $scope.$watch('sum',function () {
        $scope.sum = (scope.cola + scope.sprite)*scope.price;
        return $scope[this.name];
    },function (newValue, oldValue) {
        console.log("sum: newValue:" + newValue + '-------' + "oldValue" + oldValue);
    });
    function bind() {
        var list  = document.querySelectorAll('[ng-click]');
        for(var i = 0, l = list.length; i < l; i++){
            list[i].onclick = (function () {
                return function () {
                    var func = this.getAttribute('ng-click');
                    scope[func]();
                    apply();
                }
            })()
        }
    }
    function apply() {
        //脏检测（检查一遍数据的变化，如果数据和上次的值有变化，则执行这个值（注册时）对应的callback（框架中），）
        $scope.$digest();
        var list = document.querySelectorAll('[ng-bind]');
        for(var i = 0, l = list.length; i < l; i++){
            var bindData = list[i].getAttribute('ng-bind');
            list[i].innerHTML = $scope[bindData];
        }
    }
    bind();
    apply();
}