在很多 JavaScript 库和框架中，我们会经常看到类似 options = options || {} 的代码。那么这行代码到底是做什么的呢？
什么是 options？
在JavaScript中，我们通常使用对象字面量来表示一组相关联的选项参数，例如：
----- ------- - - ------ ---- ------- ---- ------ ---------- ----------- ----- --
这个 options 对象包含了四个属性，分别是 width、height、color 和 fullscreen。这些属性用于控制某些操作的行为。
为什么要使用 "options = options || {}"？
在一些库或框架中，当我们需要给一个函数传递许多参数时，我们可以将这些参数打包到一个 options 对象中，然后将该对象作为函数的唯一参数进行传递。但是，如果用户没有传递任何选项，我们需要为这个 options 参数提供一个默认值，否则代码就会抛出异常或者不按照预期工作。
这时候就可以使用 options = options || {} 这样的技巧。它的意思是如果 options 没有被传递进来（即为 falsy 值），那么就将一个空对象 {} 赋值给 options。这样如果用户没有传递任何选项，我们也有一个默认的 options 对象可以使用了。
示例代码
下面是一个示例代码，演示了如何使用 options = options || {}：
-------- ------------------- - ------- - ------- -- --- -- -- ------- -- ----- - ----- ----- - ------------- -- ---- ----- ------ - -------------- -- ---- ----- ----- - ------------- -- ---------- ----- ---------- - ------------------ -- ------ -- --------- -
在上面这个例子中，首先我们使用 options = options || {} 确保 options 不是 falsy 值。然后我们使用类似 options.width || 640 的语法来获取属性值，如果 options 中没有对应的属性，就使用默认值。
总结
options = options || {} 是一种常见的 JavaScript 技巧，用于确保某个对象存在并且不为 falsy 值。这个技巧在处理选项参数时非常有用，因为它可以提供一个默认的选项对象，并且使得函数调用更加灵活。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27665