是否可以使用三元賦值來解構函數參數？

Question

我希望能夠用三元賦值來解構函數參數。

const fn = (size ? 'large' : 'small') => [ 
    `lots${size}`, 
    `of${size}`, 
    `values${size}`, 
]; 

fn(true); // imageLarge 
fn(); // imageSmall 

Answer 1

你可以做，使用默認參數：

const fn = (isLarge, size = isLarge ? 'large' : 'small') => [ 
 
    `lots${size}`, 
 
    `of${size}`, 
 
    `values${size}`, 
 
]; 
 

 
console.log(fn(true)); 
 

 
console.log(fn(false));

Answer 2

不，您可以將其移動到模板文字中。

const fn = size => `image${size ? 'large' : 'small'}`; 

用例保持size。

const fn = size => ((x = size ? 'large' : 'small') => [ 
 
    `lots${x}`, 
 
    `of${x}`, 
 
    `values${x}` 
 
])(); 
 

 
console.log(fn(true)); 
 
console.log(fn());

Answer 3

您需要將Template literal內移動三元運算符。

const fn = (size) => `image${size ? 'large' : 'small'}`; 
 

 
console.log(fn(true)); // imageLarge 
 
console.log(fn()); // imageSmall

---

更新：在第二種情況下更新該函數內的尺寸值。

const fn = (size) => size = size ? 'large' : 'small', [ 
 
    `lots${size}`, 
 
    `of${size}`, 
 
    `values${size}`, 
 
]; 
 

 
console.log(fn(true)); 
 
console.log(fn());

Answer 4

不，你需要設置函數內一個新的變量，如果你不想重複三元。

const fn = islarge => { 
 
    var size = islarge ? 'large' : 'small'; 
 
    return [ 
 
    `lots${size}`, 
 
    `of${size}`, 
 
    `values${size}`, 
 
    ]; 
 
}; 
 

 
console.log(fn(true)); 
 
console.log(fn());