javascript 단일 예 모드 데모 코드 javascript 대상 프로 그래 밍

js 의 단일 쓰기JS 단일 모드my=new function yangbin(){this.name="나 는 하나의 funnyzak!";};function yangbin 1(){this.name="funnyzak 입 니 다!";}function myname(){ var u = new yangbin1(); alert(u.name); }
누구세요?단일 예)
누구세요?보통)
[Ctrl+A 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]
loop.js 는 단일 모드 의 js 클래스 입 니 다.//처음부터 new 무명 클래스 로 만 들 었 습 니 다.이렇게 해서 단일 사례 의 기능 을 실현 하 였 다.var loop = new (function(){    // 외부 공통 함수    // 무한 순환 조작    this.setloop =     function(fn){Infinite_loop.setLoopFn(fn);} // 매개 변수 1 매개 변수 유형 function    this.deleteloop =     function(fn){Infinite_loop.deleteLoopFn(fn);} // 매개 변수 1 매개 변수 유형 function    this.stoploop = function(){Infinite_loop.stopLoop();}    // 단일 순환 작업    this.setloopOne =     function(fn){one_loop.setLoopOneFn(fn);} // 매개 변수 1 매개 변수 유형 function    this.stoploopOne = function(){one_loop.stopLoopOne();}        // 다음은 두 개의 개인 적 인 사례 모델 멤버 입 니 다.    // 무한 반복 실행 목록 대상    var    Infinite_loop = new (function(){        this.loop_stop = true;        this.loop_action = new Array();        this.loop_actionID = 0;        var opp = this;        this.setLoopFn = function(fn){                if(typeof(fn)!="function"){                     throw new Error("window.loop.setloop's argment is not a function!"); return;                   }                for(var i=0;i 0){                    (opp.loop_action[opp.loop_actionID])();                    opp.loop_actionID++;                    if(opp.loop_actionID>=opp.loop_action.length)opp.loop_actionID=0;                    setTimeout(opp.Loop,20);                    return;                }                opp.loop_stop = true;            };            run();        }        this.stopLoop = function(){            this.loop_stop = true;        }        this.startLoop = function(){            if(! this.loop_stop)return;            this.loop_stop = false;            this.Loop();        }    })();    /* 단일 실행 list 대상*/    var one_loop = new (function(){        this.loopOne_stop = true;        this.loopOne_action = new Array();        var opp = this;        this.setLoopOneFn = function(fn){            if(typeof(fn)!="function"){                   throw new Error("window.loop.setloopOne's argment is not a function!"); return;              }            this.loopOne_action.push(fn);            this.startLoopOne();        }        this.LoopOne = function(){                function run(){                    if(opp.loopOne_action.length>0 && !opp.loopOne_stop){                        (opp.loopOne_action.shift())();                        setTimeout(opp.LoopOne,20);                        return;                    }                    opp.loopOne_stop = true;                }                run();            }        this.stopLoopOne = function(){            this.loopOne_stop = true;        }        this.startLoopOne = function(){            if(! this.loopOne_stop)return;            this.loopOne_stop = false;            this.LoopOne();        }    })();})();다음은 실례:loop.htmlloop.jsfunction moveLayer1(){    this.moveleft = true;    this.movedown = true;    this.x1 = 100     this.y1 = 100;    this.x2 = 800;    this.y2 = 400;}moveLayer1.prototype.move = function(){        var divLayer1 = document.getElementById("Layer1");        var l = parseInt(divLayer1.style.left),            t = parseInt(divLayer1.style.top);            var r = parseInt(Math.random()*20);        if(l < this.x2 && this.moveleft){            l+=1+r;            if(l>this.x2-1)this.moveleft = false;        }else if(l > this.x1 && ! this.moveleft){            l-=1+r;            if(l < this.x1+1)this.moveleft = true;        }        if(t < this.y2 && this.movedown){            t+=1+r;            if(t>this.y2-1)this.movedown = false;        }else if(t > this.y1 && ! this.movedown){            t-=1+r;            if(t < this.y1+1)this.movedown = true;        }        divLayer1.style.left =l+"px";        divLayer1.style.top = t+"px";}function circle(){    this.r = 50;    this.rx = 500;    this.ry = 500;    this.x;    this.y;    this.angle = 0;    this.speedAngle = 10;}circle.prototype.init = function(){    this.setXY();    $("body").append('
');    $("body").append('
');}circle.prototype.setXY = function(){    this.x = this.rx + this.r*Math.cos(this.angle/(180/Math.PI));    this.y = this.ry + this.r*Math.sin(this.angle/(180/Math.PI));}circle.prototype.draw = function(){    this.angle +=this.speedAngle;    this.setXY();    var f = document.getElementById("cd");    //$("body").append($("#cd").clone());    f.style.left =this.x+"px";    f.style.top = this.y+"px";}function timetable(){var f = document.getElementById("daa");var d = new Date();f.innerHTML="현재 시간:"+d.getUTCFullYear()+"년"+d.getUTCMonth()+"월"+d.getUTCDate()+"일 주"+d.getUTCDay()+"+d.getUTCHours()+":"+d.getUTCMinutes()+":"+d.getUTCSeconds();}var lenstr = -1;function prints(){    var str = document.getElementById("sourse").innerHTML;    if(lenstr
jquery.jsjQuery 는 1.2.6 버 전의 작고 작은 js 프레임 워 크 로 도착 할 수 있 습 니 다.http://jquery.com/testFile/glass 다운로드32x32.gif
4.567916.사실은 여러분 들 은 다시 한 번 깊이 생각 할 수 있 습 니 다.예 를 들 어 간단 한 공장 류 를 모 의 하 는 것 입 니 다.var money=factory.creater("달러");

좋은 웹페이지 즐겨찾기