当前位置：首页 > 文章列表 > 文章 > 前端 > JS自定义构造函数创建对象全解析

JS自定义构造函数创建对象全解析

2025-11-09 09:30:34 0浏览收藏

从现在开始，我们要努力学习啦！今天我给大家带来《JS自定义构造函数创建对象方法》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

自定义构造函数用于批量创建具有相同结构和行为的对象，通过首字母大写的函数定义，结合 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 属性。

为构造函数添加方法

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

// 方式一：在构造函数中定义（不推荐，浪费内存）
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 可以让所有实例共享同一个方法，节省内存。