跳到主要内容

JavaScript程序以不同方式创建对象

要理解这个示例，你应该了解以下JavaScript编程主题的知识：

你可以通过三种不同的方式创建一个对象：

  1. 使用对象字面量
  2. 直接创建Object实例
  3. 使用构造函数

示例1：使用对象字面量​

// 使用对象字面量创建JavaScript对象的程序
const person = {
  name: "John",
  age: 20,
  hobbies: ["reading", "games", "coding"],
  greet: function () {
    console.log("Hello everyone.");
  },
  score: {
    maths: 90,
    science: 80,
  },
};

console.log(typeof person); // 对象

// 访问对象的值
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

在这个程序中，我们创建了一个名为person的对象。

你可以使用对象字面量创建一个对象。对象字面量使用 { } 直接创建对象。

对象是用键:值对创建的。

你还可以在对象内部定义函数、数组甚至其他对象。你可以使用点 . 符号访问对象的值。

使用对象实例创建对象的语法是：

const objectName = new Object();

示例2：直接使用对象实例创建对象​

// 使用对象实例创建JavaScript对象的程序
const person = new Object({
  name: "John",
  age: 20,
  hobbies: ["reading", "games", "coding"],
  greet: function () {
    console.log("Hello everyone.");
  },
  score: {
    maths: 90,
    science: 80,
  },
});

console.log(typeof person); // 对象

// 访问对象的值
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

在这里，使用了 new 关键字和 Object() 实例来创建一个对象。

示例3：使用构造函数创建对象​

// 使用对象实例创建JavaScript对象的程序

function Person() {
  (this.name = "John"),
    (this.age = 20),
    (this.hobbies = ["reading", "games", "coding"]),
    (this.greet = function () {
      console.log("Hello everyone.");
    }),
    (this.score = {
      maths: 90,
      science: 80,
    });
}

const person = new Person();

console.log(typeof person); // 对象

// 访问对象的值
console.log(person.name);
console.log(person.hobbies[0]);
person.greet();
console.log(person.score.maths);

输出

object
John
reading
Hello everyone.
90

在上面的示例中，使用了 Person() 构造函数和 new 关键字来创建对象。

new Person() 创建了一个新对象。

最后于 更新