params || ‘‘ 和 params ?? ‘‘ 的区别

在 Vue.js 中，如果你想要给变量 params 设置一个默认值，你可以使用逻辑 OR 运算符 (||) 或空值归并运算符 (??)。这两种方式都可以到达设置默认值的目的，但它们之间有一些渺小的区别：
逻辑 OR 运算符 (||)

逻辑 OR 运算符会返回第一个真值（truthy value）。如果左侧的操纵数是假值（falsy value），则返回右侧的操纵数。在 JavaScript 中，以下值被以为是假值：

• false
  
• 0
  
• "" (空字符串)
  
• null
  
• undefined
  
• NaN
  

这意味着如果 params 是上述任何一个假值，那么 params 将被设置为空字符串 ''。

2. cell.fullScreenImg = this.fullScreenPosters || '';

复制代码

空值归并运算符 (??)

空值归并运算符只在左侧的操纵数是 null 或 undefined 时才返回右侧的操纵数。如果左侧的操纵数是任何其他值（包罗 false, 0, ""），它都会直接返回左侧的操纵数。

2. cell.fullScreenImg = this.fullScreenPosters ?? '';

复制代码

示例对比

假设 params 有以下几种情况：

• undefined:
  
  
  
  • ||: params 将被设置为 ''
    
  • ??: params 将被设置为 ''
    
  
  
• null:
  
  
  
  • ||: params 将被设置为 ''
    
  • ??: params 将被设置为 ''
    
  
  
• false:
  
  
  
  • ||: params 将被设置为 ''
    
  • ??: params 将被设置为 false (保存原始值)
    
  
  
• 0:
  
  
  
  • ||: params 将被设置为 ''
    
  • ??: params 将被设置为 0 (保存原始值)
    
  
  
• "" (空字符串):
  
  
  
  • ||: params将被设置为 '' (空字符串被覆盖)
    
  • ??: params 将被设置为 "" (保存空字符串)
    
  
  
• 非空字符串:
  
  
  
  • ||: params 将被设置为非空字符串
    
  • ??: params 将被设置为非空字符串
    
  
  

综上所述，如果你盼望保存 false, 0, 和空字符串作为有用值，你应该使用 ??

如果你盼望将全部假值都更换为默认值，则应使用 ||