创建 JavaScript 对象最佳实践

Creating javascript objects best practice?

本文关键字:最佳 对象 JavaScript 创建      更新时间:2023-09-26

当我练习我的JavaScript知识并希望它尽可能高效时,我应该采取什么方法来创建对象和它们的实例?

var obj1 = {key1: value1, key2: value2, key3: value3};

var obj2 = {
    key1: value1,
    key2: value2,
    key3: value3
};

var obj3 = new Object();
obj3.key1 = value1;
obj3.key2 = value2;
obj3.key3 = value3;

现在,我知道他们都写了一个对象,但我的问题涉及我遵循的最佳实践。 您在.js文件中最常看到什么,我应该如何练习编写它们?

这在很大程度上是一个观点和风格问题。 正如 @Chris Tavares 所指出的,不建议使用 new Object() 构造函数。 至于示例代码中的选项 1,我认为它看起来不像选项 2 那样可读。

然而,我给你的建议是,在你的JavaScript职业生涯的这个阶段,不要太担心"正确"的样式。 同样,正如@Chris所说,"做任何最易读/最可维护的事情。 我想捎带一下,并说当你在javascript carreer中前进时,你将阅读和编写大量代码,通过阅读和写作,你将对可读/可维护的外观有更好的直觉。 当你进入框架等时,你还将开始更强大的标准。

综上所述,我认为第二点是迄今为止最好的,因为它是最易读/可维护的。 这是我大部分时间使用的方法,也是我阅读的大多数代码使用的方法。

第一个和第二个是相同的 - 唯一的区别是空格,它作为语言解析的一部分被剥离出来。

不建议调用new Object() - 请改用文字{}。否则,请执行在编写代码的上下文中最具可读性/可维护性的操作。通常这看起来像你的#2。

当谈到最佳实践时,重要的是要注意它非常主观。也就是说,如果你环顾其他人的代码,你肯定会开始看到模式的出现,特别是在定义对象方面。

我最喜欢的JavaScript风格指南之一是AirBnB风格指南。如果你有一个关于风格的一般问题,这是一个很好的起点。

关于您的问题,请查看指南的对象部分。大多数人会同意使用对象文字语法{}并在新行上分解每个键/值对是可取的。

我总是这样定义我的对象:

var obj2 = {
  key1: value1,
  key2: value2,
  key3: value3
};
重申

风格指南是高度主观的绝对重要的。最重要的是找到一种一致的代码编写方式,以最好地传达您的意图(即易于阅读和理解)。