{"id":5523,"date":"2022-01-21T04:21:03","date_gmt":"2022-01-21T04:21:03","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=5523"},"modified":"2022-01-21T05:32:54","modified_gmt":"2022-01-21T05:32:54","slug":"module-design-pattern-in-javascript-jquery","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/","title":{"rendered":"Module Design Pattern in Javascript \/ Jquery"},"content":{"rendered":"<p>Module Design Pattern is one of the prime design patterns in <a href=\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\">Javascript<\/a>. This pattern is basically used to wrap a set of variables and functions in a single scope. Here are some objectives of this design pattern:<\/p>\n<p>This pattern is used to specify the variables, define the objects and functions that can be accessed from outside the scope. We can make some properties and functions public, also we can limit their scope by making them private. Those variables which are private cannot be accessed outside the scope of the function. Also, we can achieve data hiding, abstraction using this pattern.<\/p>\n<h2>Let\u2019s look at the implementation of module design pattern with public fields:<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Design-Pattern.png\" alt=\"Design Pattern\"\/><\/p>\n<p>This code contains the function which defines the variables, and also returns those variables back from the function. Values that are returned on function calls are saved as an object literal in the newEmployee variable. We can access the properties from the object returned. This is the simple implementation of module pattern design.<\/p>\n<p>Let\u2019s take a look at the example where variables have a private scope, and cannot be accessible outside the scope of the function.<br \/>\n<img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Design-Pattern1.png\" alt=\"Design-Pattern1\"\/><\/p>\n<p><small><em>Get certification for your knowledge in the fundamentals of Computer functioning by clearing the <a href=\"https:\/\/www.studysection.com\/computer-applications-diploma-advanced\">Computer Certification Exam<\/a>conducted by StudySection. After going through this Computer Certification exam, you will be able to evaluate your basic knowledge of computers.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a<\/p>\n","protected":false},"author":1,"featured_media":5524,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[199,170],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Module Design Pattern in Javascript \/ Jquery - SS Blog<\/title>\n<meta name=\"description\" content=\"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Module Design Pattern in Javascript \/ Jquery - SS Blog\" \/>\n<meta property=\"og:description\" content=\"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-21T04:21:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-21T05:32:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Module.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Module Design Pattern in Javascript \/ Jquery\",\"datePublished\":\"2022-01-21T04:21:03+00:00\",\"dateModified\":\"2022-01-21T05:32:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\"},\"wordCount\":233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"JavaScript\",\"Jquery\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\",\"url\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\",\"name\":\"Module Design Pattern in Javascript \/ Jquery - SS Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2022-01-21T04:21:03+00:00\",\"dateModified\":\"2022-01-21T05:32:54+00:00\",\"description\":\"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Module Design Pattern in Javascript \/ Jquery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Module Design Pattern in Javascript \/ Jquery - SS Blog","description":"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/","og_locale":"en_US","og_type":"article","og_title":"Module Design Pattern in Javascript \/ Jquery - SS Blog","og_description":"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables","og_url":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2022-01-21T04:21:03+00:00","article_modified_time":"2022-01-21T05:32:54+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Module.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Module Design Pattern in Javascript \/ Jquery","datePublished":"2022-01-21T04:21:03+00:00","dateModified":"2022-01-21T05:32:54+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/"},"wordCount":233,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["JavaScript","Jquery"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/","url":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/","name":"Module Design Pattern in Javascript \/ Jquery - SS Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2022-01-21T04:21:03+00:00","dateModified":"2022-01-21T05:32:54+00:00","description":"Module Design Pattern is one of the prime design patterns in Javascript. This pattern is basically used to wrap a set of variables","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/module-design-pattern-in-javascript-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Module Design Pattern in Javascript \/ Jquery"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":361,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5523"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=5523"}],"version-history":[{"count":3,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5523\/revisions"}],"predecessor-version":[{"id":5529,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5523\/revisions\/5529"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/5524"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=5523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=5523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=5523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}