Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 모듈 패턴을 이해하는 방법은 무엇입니까?

<시간/>

JavaScript는 기본적으로 클래스를 지원하지 않으므로 모듈 패턴이 사용됩니다. 이것은 하나의 객체 안에 public, private 메소드, 변수를 저장하기 위한 것입니다. 이를 사용하고 이해하기 위해 18세라는 연령 기준을 충족하지 못해 실격된 유권자를 표시하기 위해 익명 폐쇄 문제를 해결할 것입니다.

예시

다음 코드를 실행하여 JavaScript 모듈 패턴을 이해할 수 있습니다.

<!DOCTYPE html>
<html>
   <body>
      <script>
         (function () {
            var votersAge = [15, 50, 27, 17, 22, 87, 65, 45];
            var average = function() {
           
            var total = votersAge.reduce(function(accumulator, age) {
               return accumulator + age}, 0);
               return total / votersAge.length + '.';
            }
            var notQualified = function(){
               var notAdult = votersAge.filter(function(age) {
                  return age < 18;});
               return 'Voters not qualified to vote (age less than 18) = ' + notAdult.length;
            }
            document.write(notQualified());
         }());
      </script>
   </body>
</html>