js如何自定义构造函数创建对象_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

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

2025-11-10

浏览次数：次

返回列表

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

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

在 J*aScript 中，可以通过自定义构造函数来创建对象。这种方式适合需要批量生成具有相同结构和行为的对象。构造函数本质上是一个函数，通过 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 属性。

为构造函数添加方法

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

火龙果写作

用火龙果，轻松写作，通过校对、改写、扩展等功能实现高质量内容生产。

277 查看详情火龙果写作

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