关于js 单列设计模式问题 请教下各位大神们

[qq_36661519]

var getSingle=function(fn){
var result;
return function(){
return result||(result=fn.apply(this,arguments));
}
};
//创建单列--可变的部分
var creatDiv=function(height){
var div=document.createElement('div');
div.innerHtml='单列模式';
div.style.display='none';
div.style.height=height+'px';
document.body.appendChild(div);
return div
}
//创建
var createSingleDiv=getSingle(creatDiv);

document.getElementById('button').onclick=function(){
var login=createSingleDiv('100');
login.style.display='block'
}

把上面这段改成这样会出现关于apply的错误，哪位可以讲解一下谢谢~！



var getSingle=(function(fn){
var result;
return function(){
return result||(result=fn.apply(this,arguments));
}
})(creatDiv);
var creatDiv=function(height){
var div=document.createElement('div');
div.innerHtml='单列模式';
div.style.display='none';
div.style.height=height+'px';
document.body.appendChild(div);
return div
}

document.getElementById('button').onclick=function(){
var login=getSingle('100');
login.style.display='block'
}

[functionsub]

这两段代码都没问题。

[forwardNow]

单“例”？ JavaScript 中的普通对象不就是单例嘛： var person = { name: "zhangsan", say: function () { console.info( this.name ); } }

[qq_36661519]

第二个有问题 显示错误

[囧]

顺序换一下

var creatDiv=function(height){
        var div=document.createElement('div');
        div.innerHTML='单列模式';
        div.style.display='none';
        div.style.height=height+'px';
        document.body.appendChild(div);
        return div
    }
	var getSingle=(function(fn){
        var result;
        return function(){
            return result||(result=fn.apply(this,arguments));
        }
    })(creatDiv);
    
    
    document.getElementById('button').onclick=function(){
        var login=getSingle('100');
        login.style.display='block'
    }

[functionsub]

哦，第二个的creatDiv需要提到前面去定义。 如果用function creatDiv(){}来定义就不用了，这个就是js里的变量定义的提升。