JavaScript 存储对象的功能-坏的做法？
在 JavaScript 中，对象是一种十分常见且强大的数据类型。我们可以使用对象来表示复杂的结构化数据，并通过属性和方法来操作这些数据。
在实际开发中，我们需要将对象存储在内存或者持久化存储介质（如数据库）中。然而，有些存储对象的方法会带来负面的影响，特别是在性能和可维护性方面。
下面我们来探讨一些坏的存储对象的做法，以及应该怎样去改进它们。
坏的做法1：直接将对象存储在全局变量中
这种做法十分简单粗暴，只需要声明一个全局变量并将对象赋值给它即可。比如：
-- -------------------- ---- ------- -- -------- --- ----- - - ----- ------- ---- -- -- -- ----------- -------- ----- - ------------------------ -
然而，这种做法存在很大的问题。首先，全局变量污染了命名空间，可能导致变量名冲突。其次，如果多个代码文件都使用了同一个全局变量，那么修改其中一个文件中的对象会影响到其他文件的使用。
更好的做法是将对象作为参数传递给函数，或者使用模块化的方式来组织代码。
坏的做法2：直接将对象存储在浏览器的 localStorage 中
localStorage 是一种客户端存储方式，可以用来存储小型数据，比如用户配置项和表单数据等。然而，如果直接将对象存储在 localStorage 中，会有以下问题：
- 存储的对象可能很大，导致 localStorage 容易满，影响其他的存储需求。
- 每次读取和写入对象时，需要进行序列化和反序列化操作，这会产生额外的计算开销。
- 如果多个页面同时访问同一个 localStorage 键名下的对象，会造成数据不一致的问题。
更好的做法是将对象转换成 JSON 字符串，并存储在 localStorage 中。这样可以避免对象太大的问题，并且序列化和反序列化的开销也大大降低。
// 存储对象到 localStorage 中
localStorage.setItem('myObj', JSON.stringify({ name: 'John', age: 30 }));
// 从 localStorage 中读取对象
var myObj = JSON.parse(localStorage.getItem('myObj'));坏的做法3：在对象上直接添加方法
在 JavaScript 中，对象可以拥有自己的属性和方法。我们可以通过以下方式向对象添加方法：
var myObj = {
name: 'John',
age: 30,
sayHello: function() {
console.log('Hello, my name is ' + this.name);
}
};然而，这种做法会让对象变得越来越臃肿，并且难以维护。如果需要修改某个方法的实现，可能会影响到整个对象的行为。
更好的做法是使用原型链来添加方法。这样可以有效地减小对象的大小，并且可以随时修改对象的行为。
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- - ------------------------- - ---------- - ------------------- -- ---- -- - - ----------- -- --- ---- - --- -------------- ---- ----------------
总结
存储对象是前端开发中十分常见的操作，但同时也存在一些坏的做法。在存储对象时，我们应该
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13445