返回

JavaScript创建对象基本模式

前端

##

在JavaScript中,对象是用来存储数据的,是键值对的集合。创建一个对象的方法有很多种,在本文中,我们将介绍一些最常用的创建对象的基本模式。

构造函数模式

构造函数模式是创建对象最常用的方式之一。它使用一个特殊的函数来创建对象,称为构造函数。构造函数的名称通常以大写字母开头,并且在调用时使用new。例如,以下代码创建一个名为Person的构造函数:

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

要创建一个Person对象,可以使用以下代码:

const person = new Person("John Doe", 30);

这将创建一个名为person的新对象,该对象有两个属性:name和age。

字面量模式

字面量模式是创建对象另一种常用方式。它使用一个大括号({})来创建一个对象,其中包含键值对。例如,以下代码创建一个名为person的新对象:

const person = {
  name: "John Doe",
  age: 30
};

这将创建一个名为person的新对象,该对象有两个属性:name和age。

原型模式

原型模式是一种创建对象的模式,它使用一个现有的对象作为模板来创建新对象。例如,以下代码创建一个名为Person的构造函数:

function Person() {
  this.name = "John Doe";
  this.age = 30;
}

然后,可以使用以下代码创建一个名为person的新对象:

const person = new Person();

这将创建一个名为person的新对象,该对象有两个属性:name和age。

继承模式

继承模式是一种创建对象的模式,它允许一个对象继承另一个对象的属性和方法。例如,以下代码创建一个名为Student的构造函数,它继承自Person构造函数:

function Student() {
  Person.call(this);
  this.school = "Harvard University";
}

然后,可以使用以下代码创建一个名为student的新对象:

const student = new Student();

这将创建一个名为student的新对象,该对象有两个属性:name和age,还继承了Person构造函数的属性和方法。

类模式

类模式是创建对象的另一种方式,它使用class关键字来定义一个类。例如,以下代码创建一个名为Person的类:

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

然后,可以使用以下代码创建一个名为person的新对象:

const person = new Person("John Doe", 30);

这将创建一个名为person的新对象,该对象有两个属性:name和age。

工厂模式

工厂模式是一种创建对象的模式,它使用一个工厂函数来创建对象。例如,以下代码创建一个名为Person的工厂函数:

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

然后,可以使用以下代码创建一个名为person的新对象:

const person = Person("John Doe", 30);

这将创建一个名为person的新对象,该对象有两个属性:name和age。