📜  构造函数 javascript 并从中创建对象 - Javascript (1)

📅  最后修改于: 2023-12-03 15:10:42.507000             🧑  作者: Mango

构造函数 Javascript 并从中创建对象 - Javascript

在Javascript中,我们可以使用构造函数来创建对象。构造函数是以大写字母开头的函数,它主要用于创建相似对象,具有相同属性和方法。

创建构造函数

我们可以使用以下语法创建构造函数:

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

在上面的代码中,我们创建了一个名为Person的构造函数。它接收两个参数nameage,并将它们分别存储在this.namethis.age中。

创建对象

使用构造函数创建对象的语法是:

var person1 = new Person('John', 30);
var person2 = new Person('Jane', 25);

在上面的代码中,我们创建了两个对象person1person2,它们分别传递'John'30以及'Jane'25作为构造函数的参数。

访问对象属性

我们可以使用以下语法来访问对象的属性:

console.log(person1.name); // 输出:'John'
console.log(person2.age); // 输出:25

在上面的代码中,我们分别使用person1.nameperson2.age来访问对象的属性。这将分别输出'John'25

添加对象方法

我们可以向构造函数中添加方法来操作对象。例如,我们可以添加一个getDetails方法,它将返回对象的详细信息:

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

  this.getDetails = function() {
    return this.name + ' is ' + this.age + ' years old.';
  }
}

在上面的代码中,我们添加了一个名为getDetails的方法。在这个方法中,我们将this.namethis.age组合在一起,返回一个字符串。

访问对象方法

我们可以使用以下语法来访问对象的方法:

console.log(person1.getDetails()); // 输出:John is 30 years old.
console.log(person2.getDetails()); // 输出:Jane is 25 years old.

在上面的代码中,我们使用person1.getDetails()person2.getDetails()来访问对象的getDetails方法。这将分别输出'John is 30 years old.''Jane is 25 years old.'

在Javascript中,构造函数是创建对象的重要组件。通过使用构造函数,我们可以轻松地创建具有相同属性和方法的多个对象。