在 JavaScript 中，我们经常使用变量来存储数据或对象，而且有时候需要给变量一个默认值。常见的方式是使用 if 语句进行判断并赋值，但是这种方式会使代码显得冗长和不够优雅。在本文中，我将介绍一种更加简洁和优雅的方式来为变量赋默认值：var x = x || {}。
什么是 var x = x || {}？
var x = x || {} 是一种 JavaScript 变量赋值的技巧，它的作用是给变量 x 赋一个默认值 {}（空对象）。如果变量 x 已经有一个定义了的值，那么就会使用这个已有的值，否则就会使用默认值 {}。
这样的代码看起来可能有点奇怪，因为变量 x 在右边的表达式中被用到了，在左边又被重新赋值了。但是，这是合法的 JavaScript 代码，并且可以带来很多好处。
为什么要使用 var x = x || {}？
使用 var x = x || {} 的好处在于它可以让你快速、简洁地给变量赋默认值。这种方式还可以避免多次定义同一个变量，同时也能减少代码的长度和复杂度。
另外，这种方式还可以避免一些潜在的错误。假设我们要给一个变量 x 赋默认值，使用传统的 if 语句可能会出现以下问题：
-- ---- - - - --- -
这段代码看起来没问题，但是如果 x 的初始值是 0、false 或者空字符串，那么它们都会被认为是 false，导致默认值 {} 不被赋予 x。而使用 var x = x || {} 则能够避免这个问题。
如何使用 var x = x || {}？
下面是一个示例，展示了如何使用 var x = x || {} 来给变量赋默认值：
--- -------- - -------- -- --- ------------ - ------ ---------------------- -- --- - ---- ----- -
在上面的代码中，我们定义了一个变量 myObject，并将其赋值为 myObject || {}。因为 myObject 还没有被定义，所以它的值为 {}。接着我们给 myObject 对象添加了一个属性 foo，并打印了整个对象。
结论
var x = x || {} 是一种优雅、简洁的 JavaScript 变量赋值技巧，它可以帮助我们快速给变量赋默认值，并避免一些潜在的错误。虽然这种方式可能看起来有点奇怪，但是它已经成为了一种常见的编程习惯，值得我们掌握和使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29107