Difference between proto and prototype

In this article, we will be going to cover the topic what is proto and prototypes, their syntax, examples, and what are differences exist between both, and how they differ and how they differ in different aspects. 

Proto and prototype both are objects that help in whether creating an array, object, or function and provide access to those specific methods or objects directly without taking memory and even it will give access to its constructor and all the array methods like push, pop, etc.

Proto: It is an actual object that provides a way to inherit properties from JavaScript with the help of an object which is created with new. Every object with behavior associated has internal property [[prototype]].

Syntax: 

Object.__proto__ = value

Example:

function Student(name,age) {
 this.name = name;
 this.age = age;
}
var stu1 = new Student("John", 50);

// Object have proto property 
stu1

// Also if apply strict equal to check 
// if both point at the same 
// location then it will return true.
Student.prototype === stu1.__proto__

Output:

Prototype: It is a special object which means it holds shared attributes and behaviors of instances. It is a way to inherit properties from javascript as it is available in every function declaration.

Syntax:

objectTypeName.prototype.SharedPropertyName=value;

Example:

// Constructor function
function Student(name, age) {
    this.name = name;
    this.age = age;
}

// Objects
var stu1 = new Student("gfg1", 25);
var stu2 = new Student("gfg2", 42);

// Prototype
Student.prototype.getName = function() { return this.name; }


// Function have property prototype
// Student

// Function call using object
stu1.getName();

// Constructor function
function Student(name, age) {
    this.name = name;
    this.age = age;
}

// Objects
var stu1 = new Student("gfg1", 25);
var stu2 = new Student("gfg2", 42);

// Prototype
Student.prototype.getName = function() { return this.name; }


// Function have property prototype
// Student

// function call using object
stu1.getName();

// Access prototype
Student.prototype

Output:

Difference between proto and prototype: