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

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'
}