このIIFEスイッチステートメントは不必要なオーバーヘッドを引き起こしますか？

Question

私はconstを好きで、私はswitchが好きです。

注：以下は単なる例です。それぞれの場合のコードはやや複雑で、返されるオブジェクトはJSXコンポーネントです。

はこの考えてみましょう：

let retval // can't declare as const! 
switch (value) { 
    case 'a': 
    retval = 'aa' 
    break 
    case 'b': 
    retval = 'bb' 
    break 
    case 'c': 
    retval = 'cc' 
    break 
    case 'd': 
    retval = 'dd' 
    break 
    default: 
    retval = 'xx' 
} 

// mistakenly by purpose change retval here.. 
retval = function nope(){ return null } 

を私ははこれに比べ、私のconstsを使用しますか：

const retval = (() => { 
    switch (value) { 
    case 'a': 
     return 'aa' 
    case 'b': 
     return 'bb' 
    case 'c': 
     return 'cc' 
    case 'd': 
     return 'dd' 
    default: 
     return 'xe' 
    } 
})() 

retval = null // nope you are safe here!, raises error 

は、それが不要なオーバーヘッドを引き起こしていますか？ ...またはエンジンはそれを利用するのだろうか？

Answer 1

switch文ではなく、デフォルト値のオブジェクトを使用できます。

const retval = {a: 'aa', b: 'bb', c: 'cc', d: 'dd'}[value] || 'xe'; 

またはちょうど終わりにとにかく

var value = 'd'; 
 
const retval = ({a:() => 'aa', b:() => 'bb', c:() => 'cc'}[value] || (() => 'xe'))(); 
 
console.log(retval);