{"id":5470,"date":"2022-01-12T04:55:43","date_gmt":"2022-01-12T04:55:43","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=5470"},"modified":"2022-01-12T05:36:25","modified_gmt":"2022-01-12T05:36:25","slug":"javascript-jquery-prototype-pattern","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/","title":{"rendered":"Javascript \/ Jquery – Prototype Pattern"},"content":{"rendered":"

What is a Prototype Pattern?<\/h2>\n

The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects. It returns objects that are initialized with values that it copied from an object. This is also referred to as the “properties” pattern.
\n\"flow-chart\"\/<\/p>\n

Prototype patterns are based on prototypal inheritance, in which we create objects that act as prototypes for other objects. Each object that the constructor builds is based on the prototype object. If the prototype of the constructor contains a property called “name,” for example, then each object created by that same constructor will also have this same property.<\/p>\n

Examples of the prototype pattern in Javascript<\/a> \/ Jquery<\/h3>\n

Example 1:<\/strong>
\nfunction person(data) {
\n this.data = data;
\n this.name = $(data).find('name');
\n this.designation = $(data).find('designation');
\n this.experience = $(data).find('experience');
\n};
\nperson.prototype.init = function() {
\n$(this.elem).append($('<option value=\"\"> ----- Select a Name ----- <\/option>'));
\nvar t = this;
\n$(this.name).each(function() {
\n$(t.elem).append($('<option value=\"' + $(this).attr('name') + '\">' +$(this).attr('name')+'('+ $(this).attr('designation')+ ')<\/option>'));
\n });
\n$(this.elem).combobox(); \/\/ from jQuery UI combobox extension
\n};<\/code><\/p>\n

Example 2:<\/strong>
\nfunction Person(first, last, age, eye) {
\n this.firstName = first;
\n this.lastName = last;
\n this.age = age;
\n this.nationality = \"English\";
\n}
\nconst myFather = new Person(\"John\", \"Mehta\", 50, \"blue\");
\nconst myMother = new Person(\"Sally\", \"Kaur\", 48, \"green\");
\ndocument.getElementById(\"details\").innerHTML =
\n\"My father\u2019s nationality is \" + myFather.nationality + \" and the nationality of my mother is \" + myMother.nationality;<\/code><\/p>\n

People having good knowledge of Financial accounting can get an Accounting Certification Exam<\/a> from StudySection to increase their chances of getting a job in this field. You can get a foundation level certification if you are new to Financial accounting or you can go for advanced level certification if you have expert level skills in Financial accounting.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

What is a Prototype Pattern? The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.<\/p>\n","protected":false},"author":1,"featured_media":5471,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[170,751],"acf":[],"yoast_head":"\nJavascript \/ Jquery - Prototype Pattern - StudySection Blog<\/title>\n<meta name=\"description\" content=\"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.\" \/>\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\/javascript-jquery-prototype-pattern\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript \/ Jquery - Prototype Pattern - StudySection Blog\" \/>\n<meta property=\"og:description\" content=\"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\" \/>\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-12T04:55:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-12T05:36:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Prototype-Pattern.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Javascript \/ Jquery – Prototype Pattern\",\"datePublished\":\"2022-01-12T04:55:43+00:00\",\"dateModified\":\"2022-01-12T05:36:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\"},\"wordCount\":173,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"Jquery\",\"Prototype\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\",\"url\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\",\"name\":\"Javascript \/ Jquery - Prototype Pattern - StudySection Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2022-01-12T04:55:43+00:00\",\"dateModified\":\"2022-01-12T05:36:25+00:00\",\"description\":\"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Javascript \/ Jquery – Prototype Pattern\"}]},{\"@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":"Javascript \/ Jquery - Prototype Pattern - StudySection Blog","description":"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.","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\/javascript-jquery-prototype-pattern\/","og_locale":"en_US","og_type":"article","og_title":"Javascript \/ Jquery - Prototype Pattern - StudySection Blog","og_description":"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.","og_url":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2022-01-12T04:55:43+00:00","article_modified_time":"2022-01-12T05:36:25+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2022\/01\/Prototype-Pattern.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Javascript \/ Jquery – Prototype Pattern","datePublished":"2022-01-12T04:55:43+00:00","dateModified":"2022-01-12T05:36:25+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/"},"wordCount":173,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["Jquery","Prototype"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/","url":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/","name":"Javascript \/ Jquery - Prototype Pattern - StudySection Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2022-01-12T04:55:43+00:00","dateModified":"2022-01-12T05:36:25+00:00","description":"The prototype pattern creates objects by cloning an existing object, rather than creating non-initialized objects.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/javascript-jquery-prototype-pattern\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Javascript \/ Jquery – Prototype Pattern"}]},{"@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":659,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5470"}],"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=5470"}],"version-history":[{"count":4,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5470\/revisions"}],"predecessor-version":[{"id":5476,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5470\/revisions\/5476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/5471"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=5470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=5470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=5470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}