Javascript Objects和Prototypes的区别用法及代码示例

JavaScript 中的对象

JavaScript 中的对象是类或构造函数的实例，它们可以保存属性和方法。这些属性和方法可以是对象所独有的，也可以是从原型继承的。可以使用以下方法创建对象构造函数,对象字面量，或者对象构造函数.

用法:

const person = {
      name: 'Kumar',
      age: 20,
      greet: function() {
     // code
  }
};

例子：在此示例中，汽车对象可能具有 “make” 和 “model” 等属性以及用于启动发动机或换档的方法。

car1 = { make: 'Toyota', model: 'Camry' };
// Adding a method to object
car1.start = function () {
    console.log('Engine started');
};
// Using the object and its method
car1.start();

Engine started

JavaScript 中的原型

JavaScript 中的原型是为其他对象提供共享属性和方法的模板对象。每个对象都有一个内置属性，称为原型。而prototype本身就是一个对象，所以它也有自己的原型。它们不是作为原型显式创建的，而是作为特定类型对象的蓝图存在。原型通过允许对象继承其属性和方法来促进继承。

用法:

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
// code
}

示例：在这个例子中，定义了一个 Cars 构造函数来创建具有 make 和 model 属性的汽车对象，并在 Cars 原型中添加了一个共享启动方法来启动引擎。

function Cars(make, model) {
    this.make = make;
    this.model = model;
}
// Adding a shared method to Car prototype
Cars.prototype.start = function () {
    console.log('Engine started');
};
// Creating car objects
const myCars = new Cars('Toyota', 'Camry');
const anotherCars = new Cars('TATA', 'Accord');
// Using the shared method from prototype
myCars.start();
anotherCars.start();

Engine started
Engine started

JavaScript 中对象和原型的区别