Javascript 封装对象的最佳实践236

简介

封装对象是 JavaScript 中的一项重要技术，它允许您将数据和方法捆绑在一起，创建自包含且可重用的组件。通过封装，您可以控制对对象的访问，隐藏实现细节，并保护对象的状态不受外部影响。

模块模式

模块模式是一种经典的封装技术，它使用立即执行函数表达式（IIFE）来创建私有作用域。IIFE 的目的是创建一个私有作用域，该作用域与外部代码隔离，只能通过公共接口访问。
(function() {
// 私有变量和方法
return {
// 公共变量和方法
};
})();

使用 getter 和 setter

getter 和 setter 是特殊的方法，允许您获取或设置对象的属性值。您可以使用 getter 来控制对私有属性的访问，并将自定义逻辑应用于获取操作。同样，您可以使用 setter 来验证或转换设置的值，确保对象的内部状态保持一致。
const person = {
_name: "John Doe",
get name() {
return this._name;
},
set name(newName) {
if (typeof newName !== "string") {
throw new Error("Name must be a string");
}
this._name = newName;
}
};

属性访问器

属性访问器是一种 ES6 中引入的更简洁的方式来定义 getter 和 setter。使用属性访问器，您可以直接在对象字面量中指定 getter 和 setter 函数。
const person = {
_name: "John Doe",
get name() {
return this._name;
},
set name(newName) {
if (typeof newName !== "string") {
throw new Error("Name must be a string");
}
this._name = newName;
}
};

工厂模式

工厂模式是一种创建对象的模式，其中创建对象的过程与具体的实现细节分离。工厂方法负责实例化和配置对象，同时将创建逻辑与使用该对象的代码隔离。这使得您可以在需要时轻松地更改创建过程。
const personFactory = (name, age) => {
return {
name,
age,
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
};
};
const john = personFactory("John Doe", 30);
();

构造函数模式

构造函数模式是一种基本的对象创建模式，它使用带有相同名称的函数作为对象的构造函数。构造函数负责初始化对象的状态和行为。通过使用构造函数模式，您可以创建具有自定义行为和属性的复杂对象。
function Person(name, age) {
= name;
= age;
= function() {
(`Hello, my name is ${} and I am ${} years old.`);
};
}
const john = new Person("John Doe", 30);
();

混合模式

混合模式将模块模式、getter/setter 和工厂模式等技术相结合，创建灵活且可重用的组件。混合模式允许您使用最佳实践，例如信息隐藏、代码隔离和可测试性。
const personFactory = (name, age) => {
const privateData = {
_name: name,
_age: age
};
return {
get name() {
return privateData._name;
},
set name(newName) {
if (typeof newName !== "string") {
throw new Error("Name must be a string");
}
privateData._name = newName;
},
get age() {
return privateData._age;
},
set age(newAge) {
if (typeof newAge !== "number") {
throw new Error("Age must be a number");
}
privateData._age = newAge;
},
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
};
};
const john = personFactory("John Doe", 30);
();