{"id":298,"date":"2022-12-02T21:11:59","date_gmt":"2022-12-02T21:11:59","guid":{"rendered":"https:\/\/jassweb.com\/new22\/solved-accessing-methods-outside-the-constructor-using-javascript\/"},"modified":"2022-12-02T21:11:59","modified_gmt":"2022-12-02T21:11:59","slug":"solved-accessing-methods-outside-the-constructor-using-javascript-2","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/","title":{"rendered":"[Solved] accessing methods outside the constructor using javascript?"},"content":{"rendered":"<h2> Introduction <\/h2>\n<p>[ad_1]<\/p>\n<p>JavaScript is a powerful language that allows developers to create dynamic and interactive web applications. One of the most useful features of JavaScript is the ability to access methods outside the constructor. This means that developers can create functions that can be used in multiple places throughout their code. By using this feature, developers can create more efficient and organized code that is easier to maintain. In this article, we will discuss how to access methods outside the constructor using JavaScript. We will also discuss the benefits of using this feature and provide some examples of how it can be used.<\/p>\n<h2> Solution<\/h2>\n<p><\/p>\n<p>You can access methods outside the constructor by using the prototype keyword. For example: <\/p>\n<p>\/\/ Constructor<br \/>\nfunction MyConstructor() {<br \/>\n  this.myMethod = function() {<br \/>\n    console.log(&#8216;My method&#8217;);<br \/>\n  }<br \/>\n} <\/p>\n<p>\/\/ Add method to prototype<br \/>\nMyConstructor.prototype.myOtherMethod = function() {<br \/>\n  console.log(&#8216;My other method&#8217;);<br \/>\n} <\/p>\n<p>\/\/ Create instance<br \/>\nconst myInstance = new MyConstructor(); <\/p>\n<p>\/\/ Access methods<br \/>\nmyInstance.myMethod();<br \/>\nmyInstance.myOtherMethod(); <\/p>\n<p><\/p>\n<div class=\"entry-content\" itemprop=\"text\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-1088640234840270\" crossorigin=\"anonymous\"><\/script><br \/>\n<script><\/p>\n<p><\/script><\/p>\n<p><\/p>\n<div id=\"answer-27769844\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"27769844\" data-parentid=\"27769822\" data-score=\"2\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>The <code>this<\/code> is referring to the <code>Car<\/code>, not the <code>Garage<\/code>. Try assigning the outer <code>this<\/code> to a variable:<\/p>\n<pre><code>var Garage = function(location){\n    this.someRandomMethod = function(){\n      alert(\"I am a method\");\n    }\n\n    var garage = this;\n\n    \/\/ car object\n    var Car = function(make,model){\n      this.model = model;\n      this.make  = make;\n\n      var accessRandom = function(){\n         garage.someRandomMethod();\n       }\n    }\n}\n<\/code><\/pre>\n<\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p> <span class=\"d-none\" itemprop=\"commentCount\">1<\/span> <\/p>\n<\/div>\n<\/div>\n<p>solved accessing methods outside the constructor using javascript? <\/p>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-1088640234840270\" crossorigin=\"anonymous\"><\/script><br \/>\n<script><\/p>\n<p><\/script><\/div>\n<p>[ad_2]<\/p>\n<p>When it comes to accessing methods outside the constructor using JavaScript, there are a few different approaches you can take. The most common approach is to use the <code>this<\/code> keyword. This keyword allows you to access methods and properties of the current object. For example, if you have a constructor function called <code>MyConstructor<\/code>, you can access a method called <code>myMethod<\/code> outside the constructor by using <code>this.myMethod()<\/code>.<\/p>\n<p>Another approach is to use the <code>prototype<\/code> keyword. This keyword allows you to add methods and properties to the constructor&#8217;s prototype. This means that any object created from the constructor will have access to the methods and properties defined in the prototype. For example, if you have a constructor function called <code>MyConstructor<\/code>, you can add a method called <code>myMethod<\/code> to the prototype by using <code>MyConstructor.prototype.myMethod = function() { ... }<\/code>. This means that any object created from <code>MyConstructor<\/code> will have access to the <code>myMethod<\/code> method.<\/p>\n<p>Finally, you can also use the <code>Object.defineProperty<\/code> method to define methods and properties on the constructor. This method allows you to define properties on the constructor that are not accessible from outside the constructor. For example, if you have a constructor function called <code>MyConstructor<\/code>, you can define a method called <code>myMethod<\/code> on the constructor by using <code>Object.defineProperty(MyConstructor, 'myMethod', { value: function() { ... } })<\/code>. This means that the <code>myMethod<\/code> method will only be accessible from within the constructor.<\/p>\n<p>In summary, there are a few different approaches you can take when it comes to accessing methods outside the constructor using JavaScript. The most common approach is to use the <code>this<\/code> keyword, but you can also use the <code>prototype<\/code> keyword or the <code>Object.defineProperty<\/code> method to define methods and properties on the constructor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction [ad_1] JavaScript is a powerful language that allows developers to create dynamic and interactive web applications. One of the most useful features of JavaScript is the ability to access methods outside the constructor. This means that developers can create functions that can be used in multiple places throughout their code. By using this feature, &#8230; <a title=\"[Solved] accessing methods outside the constructor using javascript?\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\" aria-label=\"More on [Solved] accessing methods outside the constructor using javascript?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[333],"class_list":["post-298","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] accessing methods outside the constructor using javascript? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] accessing methods outside the constructor using javascript? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"Introduction [ad_1] JavaScript is a powerful language that allows developers to create dynamic and interactive web applications. One of the most useful features of JavaScript is the ability to access methods outside the constructor. This means that developers can create functions that can be used in multiple places throughout their code. By using this feature, ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-02T21:11:59+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\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:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] accessing methods outside the constructor using javascript?\",\"datePublished\":\"2022-12-02T21:11:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\"},\"wordCount\":436,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\",\"name\":\"[Solved] accessing methods outside the constructor using javascript? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-02T21:11:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] accessing methods outside the constructor using javascript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] accessing methods outside the constructor using javascript? - JassWeb","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:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] accessing methods outside the constructor using javascript? - JassWeb","og_description":"Introduction [ad_1] JavaScript is a powerful language that allows developers to create dynamic and interactive web applications. One of the most useful features of JavaScript is the ability to access methods outside the constructor. This means that developers can create functions that can be used in multiple places throughout their code. By using this feature, ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/","og_site_name":"JassWeb","article_published_time":"2022-12-02T21:11:59+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] accessing methods outside the constructor using javascript?","datePublished":"2022-12-02T21:11:59+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/"},"wordCount":436,"commentCount":0,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/","url":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/","name":"[Solved] accessing methods outside the constructor using javascript? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-02T21:11:59+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-accessing-methods-outside-the-constructor-using-javascript-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] accessing methods outside the constructor using javascript?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/298\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}