揭秘JavaScript原型：掌握反卷制胜之道

2024-01-05 03:44:41

理解对象：万物的本质

对象是JavaScript中存储和组织数据的基本单位。它可以包含各种类型的数据，包括字符串、数字、布尔值、数组、对象等。对象通常用于表示现实世界中的实体或概念，例如用户、产品、订单等。

函数创建对象：灵活之道

在JavaScript中，我们可以使用函数来创建对象。函数创建对象的过程非常简单，只需将对象属性和值作为参数传递给函数即可。例如：

function createPerson(name, age) {
  return {
    name: name,
    age: age
  };
}

const person1 = createPerson('John', 30);
const person2 = createPerson('Mary', 25);

console.log(person1);
console.log(person2);

构造函数：面向对象的创建

构造函数是JavaScript中创建对象的一种特殊函数。它与普通函数的区别在于，构造函数必须以大写字母开头，并且在使用时必须使用new。构造函数的作用是创建一个新的对象，并将其作为this关键字的值返回。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const person1 = new Person('John', 30);
const person2 = new Person('Mary', 25);

console.log(person1);
console.log(person2);

原型：对象之间的联系

原型是JavaScript中的一种特殊对象，它包含了所有对象共享的属性和方法。每个对象都拥有一个原型对象，它可以通过__proto__属性访问。原型对象也可以拥有自己的原型对象，从而形成原型链。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person('John', 30);
const person2 = new Person('Mary', 25);

person1.greet();
person2.greet();