JavaScript를 조금 다루었다면 아마도 “동일한 기능을 구현할 때마다”라고 생각했을 것입니다. 이 기사에서 실제로 반복적으로 사용되는 JavaScript 기능을 신중하게 선택하고 공유합니다. 당신은 그것을 복사하고 즉시 사용하거나 구조를 변경하여 내 스타일로 쓸 수 있습니다!
1. Divount Defound
“JavaScript 함수 DeCound (func, Delay) {let timeout; return function (… args) {cleartimeout (timeout); => func.apply (this, args),}};
2. 날짜 형식 변환 함수
“`javaScript 함수 formatDate (날짜) {const d = 새 날짜 (날짜); 반환 $ {d.getLyear ()}-$ {d.getMonth () + 1}-$ {d.getDate ()}; }“2025-06-06 실제 보고서, 블로그 등을 반환하는 데 자주 사용됩니다.
3. 배열 중복 제거 기능
“`javaScript 함수 iriquearray (ARR) {return […new Set(arr)]; }“ ‘배열 세트에서 중복 요소를 제거합니다 물체가 사용하는 가장 간결한 방법
4. 수 천 단위 쉼표를 넣으십시오
“JavaScript 함수 번호 WithCommas (x) {return x.toString (). REPLATE (/\ b (? = (? = (? = (? =?! \ d))))
5. 첫 번째 편지의 첫 번째 편지 전환
“`javaScript 함수 CAICALIZE (str) {return str.charat (0) .toupperCase () + str.slice (1);}“hello → Hello Form을 입력하고 제목 자동 제목 등을 사용한 후
6. 깊은 클론 (Deep Clone)
“JavaScript 기능 DeepClone (OBJ) Clonedeep 추천
7. 쿠키를 구하고로드하십시오
“`javaScript 함수 setCookie (이름, 값, 일) {const d = new date (); d.settime (d.gettime () + 일 24 60 60 1000); document.cookie = $ {name} = $ {value}; 만료 = $ {d.toutcstring ()}; path =/; } 함수 getCookie (이름) {const match = document.cookie.match (new regexp (name + ‘=)[^;]+))); 리턴 매치? 성냥[1] : null; }““` ” ‘
8. 임의의 문자열 생성기
“`JavaScript 함수 GeneraterAndomString (길이 = 8) {const chars = ‘abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789’; return array.from ({length}, () => chars[Math.floor(Math.random() * chars.length)]) .join (”);}“🔐 토큰, 임시 ID, 쿠폰 코드 생성 등
9. 이메일 검증
“JavaScript 함수 ValidateEmail (이메일)
10. 간단한 지연 기능 (Async/Await)
“JavaScript 함수 지연 (MS) {새로운 약속 대기 대기 반환 “🧩 테스트, 애니메이션 순차 실행을 실행할 때 유용합니다.
마치다
위의 기능은 가장 자주 사용되는 연습 패턴으로 코드 품질을 높이고 향상시키는 데 도움이됩니다. 자신을 입력하고 프로젝트를 사용자 정의하십시오! 🔎 다음 게시물 주제 추천 → No. 31 : JavaScript 이벤트 처리 완벽한 가이드 → 13 : JavaScript 비동기 처리 쉽게
참조
https://developer.mozilla.org/ko/docs/web/javaScript https://lodash.com/