In my previous post I introduced what I call “function spaghetti code” and explained some of the problems it introduces. Prototype pattern helps us to extend the functionality and there is only one instance of functions in a memory irrespective of the number of objects. There are multiple design patterns that can be implemented in JavaScript, and in this piece, we will be going over the prototype design pattern, an object-based creational design pattern… If you need a recap on the three types of design patterns that they are generally coincided with, here is a little overview: The prototype model is used mainly for creating objects in performance-intensive situations. JavaScript Prototype Pattern Summary. The prototype pattern focuses on creating an object that can be used as a blueprint for other objects through prototypal inheritance. The prototype object itself is effectively used as a blueprint for each object the constructor creates. Not confused with JavaScript's inheritance and prototype chain, the Prototype Pattern is used to instantiate new objects by copying all of the properties of an existing object, creating an independent clone.Therefore, it is a "creational" design pattern.. Prototype Design Pattern was introduced in the famous GoF book; "Design Patterns: Elements of Reusable Object-Oriented Software". The prototype design pattern is an object-based creational design pattern.. Using the JavaScript Prototype Pattern. The GoF refers to the Prototype pattern as one that creates objects based on a template of an existing object through cloning. This pattern is inherently easy to work with in JavaScript because of the native support for prototypal inheritance in JS which means we don't need to spend time or effort imitating this topology. Find me on medium. JavaScript is often described as a prototype-based language — to provide inheritance, objects can have a prototype object, which acts as a template object that it inherits methods and properties from. Any JavaScript developer has either seen the keyword prototype, confused by the prototypical inheritance, or implemented prototypes in their code. A prototype-based language? Definition. The Prototype design pattern relies on the JavaScript prototypical inheritance. The Prototype Pattern: Structuring JavaScript Code - Part II - select the contributor at the end of the page - Using the JavaScript Prototype Pattern This is the 2nd post in a series covering how patterns can be used to structure JavaScript code. In this tutorial, we’ve seen how the javascript prototype pattern can be used to structure JavaScript in a more concise manner leading to better code organization. This is the 2nd post in a series on techniques, strategies and patterns for writing JavaScript code. # The Prototype Pattern The GoF refer to the prototype pattern as one which creates objects based on a template of an existing object through cloning. In Module patter, each object creates a new instance of functions in memory but it provides with concept of private/public variables and helps in encapsulating the variables and functions. We can think of the Prototype pattern as being based on prototypal inheritance in which we create objects that act as prototypes for other objects. We can think of the prototype pattern as being based on prototypal inheritance where we create objects which act as prototypes for other objects. JavaScript developers have several options for creating an Object in JavaScript, from the Object() method to Object literals to constructor functions, there are a lot of ways to get the job done. There are multiple design patterns that can be implemented in the JavaScript language, and in this post we will be going over the prototype design pattern..