解释

在 JavaScript 中，可以使用对象字面量语法、Objject.create()、new 关键词 来实现对象的创建

一、对象字面量语法

使用花括号 {} 来定义一个对象，可以在花括号中添加属性和方法。

const obj = {
  key1: value1,
  key2: value2,
  method: function () {
    // 方法内容
  },
};

在对象字面量中，属性是键值对的形式，用冒号分隔键名和键值。方法也可以作为属性，使用函数表达式或箭头函数定义。

二、Object.creat()

let newObj = Object.creat(null); // 创建空对象
let newObj = Object.creat(targetObj); // 以targetObj为原型创建一个新对象

三、使用 new 关键字创建对象

我们可以使用 new 关键字来根据一个原型对象创建一个对象。其语法为：new Object();

如果我们想要创建一个具有特定属性和方法的对象，可以使用以下两种方式去封装一个原型。

1、构造函数

使用构造函数和 new 关键字来创建一个对象的原型。构造函数是一个普通的函数，定义了对象的属性和方法。

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

  this.greet = function () {
    console.log(
      "Hello, " + this.name + "! You are " + this.age + " years old."
    );
  };
}

const person1 = new Person("John", 30);
person1.greet();

在构造函数中，通过 this 关键字来引用正在创建的对象，将属性和方法赋值给 this。使用 new 关键字创建对象时，会自动执行构造函数，并返回一个新的对象。

2、ES6 类（class）

除了对象字面量和构造函数，还可以使用 ES6 中的类来封装对象的原型。

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

  greet() {
    console.log(`Hello, ${this.name}! You are ${this.age} years old.`);
  }
}

const person1 = new Person("John", 30);
person1.greet();

四、总结

推荐使用 Class 封装对象原型

使用 类 class 的方式则更接近传统的面向对象编程，可以通过 constructor 方法定义属性，通过类的成员方法来定义方法。使用 new 关键字和 class 创建对象时， 会执行 constructor 方法，并返回一个新的对象。

无论是对象字面量、构造函数还是类，都可以用来创建对象，并根据需求选择合适的方式。

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24