//level 評級 basicBonus 基礎(chǔ)獎(jiǎng)金
const computeBonus(level, basicBonus) = () => {
	if(level === 'A') {
        return basicBonus * 1;
    } else if(level === 'B') {
        return basicBonus * 2;
    } else if(level === 'C') {
        return basicBonus * 3;
    } else if(level === 'D') {
        return basicBonus * 4;
    }
}
computeBonus('A', 1000);//1000

//定義策略類
const strategies = {
    'A': function(basicBonus) {
        return basicBonus * 1;
    },
    'B': function(basicBonus) {
        return basicBonus * 2;
    },
    'C': function(basicBonus) {
        return basicBonus * 3;
    },
    'D': function(basicBonus) {
        return basicBonus * 4;
    },
}
//使用策略類
const computeBonus = (level, basicBonus) {
    return strategies[level](basicBonus);
}
computeBouns('A', 1000);//1000

const verifyForm = (formData) => {
    if(formData.userName == '') {
        console.log('用戶名不能為空');
        return false
    };
    if(formData.password.length < 6) {
        console.log('密碼長度不能小于6位');
        return false;
    }
    if(( !/(^1[3|5|8][0-9]{9}$)/.test(formData.phone)) {
       console.log('手機(jī)格式錯(cuò)誤');
    	return false
       }
}

//編寫策略對象
const strategies = {
	isEmpty: function(value, error) {
        if(value === '' {
           return error;
           })
    },
    minLength: function(value, len, error) {
        if(value.length < len {
           return error;
           })
    },
    isPhone: function(value, error) {
        if ( !/(^1[3|5|8][0-9]{9}$)/.test( value ) ){ 
 			return errorMsg; 
 			}
    };
}
//接下來我們編寫實(shí)現(xiàn)類 用于生成對應(yīng)的策略實(shí)例
class Validator {
    controustor(cache) {
        this.cache = cache || []; //保存校驗(yàn)規(guī)則
    };
    add(dom, rule, error) {
        const arr = rule.splt(':');//分離參數(shù)
        this.cache.push(function(){ // 把校驗(yàn)的步驟用空函數(shù)包裝起來，并且放入 cache 
 		const strategy = arr.shift(); // 用戶挑選的 strategy 
 		arr.unshift( dom.value ); // 把 input 的 value 添加進(jìn)參數(shù)列表
 		arr.push( errorMsg ); // 把 error 添加進(jìn)參數(shù)列表
 		return strategies[ strategy ].apply( dom, ary ); 
 	});
    };
    start() {
        for ( let i = 0, validatorFunc; validatorFunc = this.cache[ i++ ]; ){ 
 			var msg = validatorFunc(); // 開始校驗(yàn)，并取得校驗(yàn)后的返回信息
 				if ( msg ){ // 如果有確切的返回值，說明校驗(yàn)沒有通過
 							return msg; 
 							} 
 				}
    }
}
//編寫完策略對象和實(shí)例類后我們就可以看看如何使用了
const validataFunc = function(){ 
 let validator = new Validator(); // 創(chuàng)建一個(gè) validator 對象
 /***************添加一些校驗(yàn)規(guī)則****************/ 
 validator.add( registerForm.userName, 'isNonEmpty', '用戶名不能為空' ); 
 validator.add( registerForm.password, 'minLength:6', '密碼長度不能少于 6 位' ); 
 validator.add( registerForm.phoneNumber, 'isMobile', '手機(jī)號碼格式不正確' ); 
 var errorMsg = validator.start(); // 獲得校驗(yàn)結(jié)果
 return errorMsg; // 返回校驗(yàn)結(jié)果
} 
 var registerForm = document.getElementById( 'registerForm' ); 
 registerForm.onsubmit = function(){ 
 var errorMsg = validataFunc(); // 如果 errorMsg 有確切的返回值，說明未通過校驗(yàn)
 if ( errorMsg ){ 
 alert ( errorMsg ); 
 return false; // 阻止表單提交
 } 
}; 

const lazyImage = (function() {
    let imgNode = document.createElement('img');
    document.body.appendChild(imgNode);
    let image = new Image;
    image.onload = function() {
        imgNode.src = image.src;//在這里設(shè)置圖片的真正路由
    }；
    return {
        setSrc: function(src) {
            imgNode.src = '....'//預(yù)加載本地圖片;
            image.src = src
        }
    }
})()
lazyImage.setSrc('https://olddog.jpg');//加載真正的圖片

const lazyImage = (function() {
    let imageNode = document.createElement('img');
    document.body.appendChild(imageNode);
    return {
        setSrc: function(src) {
            imageNode.src = src;//設(shè)置目標(biāo)src
        }
    }
})()
//代理函數(shù)
const proxyImage = (function() {
    let image = new Image;
    image.onload = function() {
        myImage.setSrc(this.src);
    }
    return {
        setSrc: function(src) {
            myImage.setSrc('....')//預(yù)加載本地圖片
            img.src = src
        }
    }
})()
proxyImage.setSrc('https://olddog.jpg');//使用代理加載

const mult = function() {
	let result = 1;
    for(let i = 0, len = arguments.length; i < len; i++) {
        result *= arguments[i];
    }
    return result
}
mult(1, 2, 3);//6

const proxyMult = (function() {
	let cache = {};//緩存計(jì)算結(jié)果
	return function() {
		const args = Array.prototype.join.call( arguments, ',');
        if(args in cache) {
            return cache[args]
        }
        return cache[args] = mult.apply(this.arguments)
	}
})();
proxyMult(1,2,3);//6
proxyMult(1, 2, 3);//輸出6 但是不會重新計(jì)算