js 작성방법? 틀? 어떻게 구현하시는지 궁금합니다.

Question

예를 들어 로그인을 ajax 처리하는 js 를 구현한다고 했을때저는 다음과 같이 익명함수를 주로 사용해서 js 를 구현하는데요다른 선배님들은 주로 어떻게 js 를 구현하는지 궁금합니다.그리고 이런 로직구현 습관이 좋은지 안좋은지 피드백도 한번 받아보고싶습니다.제 로직은 다음과 같습니다.const login &#61; function () { let userId &#61; null; let password &#61; null; let checked &#61; null; const valiChk &#61; function () { if (util.isEmpty(userId)) { $(&#34;#userId&#34;).focus(); alert.alertWarning(&#34;작업불가&#34;, &#34;아이디를 입력하세요.&#34;); return false; } if (util.isEmpty(password)) { $(&#34;#password&#34;).focus(); alert.alertWarning(&#34;작업불가&#34;, &#34;비밀번호를 입력하세요.&#34;); return false; } return true; } const handleLogin &#61; function () { userId &#61; $(&#34;#userId&#34;).val(); password &#61; $(&#34;#password&#34;).val(); checked &#61; $('#customCheck').is(':checked'); if (valiChk() &#61;&#61;&#61; true) { const params &#61; { userId: userId, password: password, checked: checked } const datas &#61; function () { window.location.href &#61; &#34;/hrm&#34; } ajax.ajax(&#34;login&#34;, &#34;post&#34;, JSON.stringify(params), datas); } } const clickEvent &#61; function () { $('.login-btn').click(handleLogin); } clickEvent();}$(() &#61;> { login();});

나니야 · Answer

let userId &#61; null;let password &#61; null;let checked &#61; null;이거 null 쓰지말고

siva6 · Answer

저라면 이런 스타일을 사용할 것 같기는 합니다.const createLoginHandler = (...arg) => { return e => { const params = {}; for(const o of arg) { const v = o.val(); if(o.msg && !v) { o.focus(); alert(o.msg); return; } params[o.id] = v; } console.log('login', 'post', JSON.stringify(params)); }; }; $(() => { $('.login-btn').click(createLoginHandler( {'id':'userId', msg:'아이디를 입력하세요.', val:()=>$('#userId').val(), focus:()=>$('#userId').focus()}, {'id':'password', msg:'비밀번호를 입력하세요.', val:()=>$('#password').val(), focus:()=>$('#password').focus()}, {'id':'checked', val:()=>$('#customCheck').is(':checked')} )); });

js 작성방법? 틀? 어떻게 구현하시는지 궁금합니다.

2개의 답변

기술 목록