js如何自定义构造函数创建对象-js教程-PHP中文网

js如何自定义构造函数创建对象

尊渡假赌尊渡假赌尊渡假赌

发布： 2025-11-10 19:11:29

原创

581人浏览过

自定义构造函数用于批量创建具有相同结构和行为的对象，通过首字母大写的函数定义，结合 new 操作符生成实例，如 Person 构造函数创建 person1 和 person2；在构造函数中使用 this 绑定属性，推荐通过 prototype 添加方法以共享行为、节省内存，同时可用 instanceof 检测对象类型，理解构造函数有助于掌握 JavaScript 面向对象机制，尽管现代语法多用 class，但其本质仍是构造函数的语法糖。

js如何自定义构造函数创建对象

在 JavaScript 中，可以通过自定义构造函数来创建对象。这种方式适合需要批量生成具有相同结构和行为的对象。构造函数本质上是一个函数，通过 new 关键字调用时，会创建并返回一个新对象。

定义构造函数

构造函数就是一个普通的函数，但遵循首字母大写的命名约定（如 Person、Car），以提示它是用来构造对象的。

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

在这个函数中，this 指向即将创建的新对象。当使用 new 调用时，this.name 和 this.age 会被添加到新对象上。

使用 new 创建实例

通过 new 操作符调用构造函数，即可创建对象实例：

const person1 = new Person('张三', 25);
const person2 = new Person('李四', 30);

此时 person1 和 person2 就是 Person 构造函数的两个独立实例，各自拥有 name 和 age 属性。

为构造函数添加方法

可以在构造函数内部或原型上添加方法，让所有实例共享行为。

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

查看详情

// 方式一：在构造函数中定义（不推荐，浪费内存）
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log('你好，我是' + this.name);
};
} // 方式二：通过 prototype 添加（推荐）
Person.prototype.greet = function() {
console.log('你好，我是' + this.name);
};

使用 prototype 可以让所有实例共享同一个方法，节省内存。