이 IIFE 스위치 문으로 인해 불필요한 오버 헤드가 발생합니까?

Question

나는 const을 좋아하고 switch 문을 좋아한다.

참고 : 다음은 단순화 된 예입니다. 각 경우의 코드는 다소 복잡하고 반환 된 객체는 JSX 구성 요소입니다.

이를 생각해 내 consts를 사용하려면

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 } 

을하지만 마십시오 이 비교 :

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'; 

하거나 끝에 함수와

이 깔끔한 해결책 어쨌든