JavaScript中proto和prototype的区别

在本文中，我们将讨论什么是proto 和 prototypes，它们的语法，示例，它们之间存在什么差异，以及它们如何不同，以及它们在不同方面如何不同。

Proto和prototype都是帮助创建数组、对象或函数的对象，并直接提供对这些特定方法或对象的访问，而不需要占用内存，甚至它将提供对其构造函数和所有数组方法的访问，如push、pop等。

Proto

它是一个实际的对象，它提供了一种从JavaScript继承属性的方法，这个对象是用new创建的。每个有行为关联的对象都有内部属性[[prototype]]。

语法:

Object.__proto__ = value

示例:

function Student(name,age) {
 this.name = name;
 this.age = age;
}
var stu1 = new Student("John", 50);
  
// Ubject 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_

输出:

对象具有proto属性

对象和函数引用相同的原型

Prototype

Prototype是一个特殊的对象，这意味着它持有实例的共享属性和行为。这是一种从javascript继承属性的方式，因为它在每个函数声明中都可用。

语法:

objectTypeName.prototype.SharedPropertyName=value;

示例:

// 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

输出:

函数具有属性Prototype

使用对象调用函数

访问Prototype属性

proto和prototype的区别: