자바스크립트 심화 - 3항연산자

developer.do·2023년 9월 30일
0

1

function alertMessage(isAdult){
    isAdult ? '입장이 가능합니다.' : '입장이 불가능합니다.'
}

const msg = true
console.log(alertMessage(msg))


// 무조건 undefined값이 나옴, 왜그럴까?
// 바로 return을 안했기 때문에, 기본 값인 undefined가 나오는것임

2

1)
function alertMessage(isAdult){
   return isAdult ? '입장이 가능합니다.' : '입장이 불가능합니다.'
}

console.log(alertMessage(true)) // 입장이 가능합니다.


2)

function alertMessage(isAdult){
 isAdult ? '입장이 가능합니다.' : '입장이 불가능합니다.';
if(isAdult){
    console.log('실행1')
}
else{
    console.log('실패1')
 }
}

console.log(alertMessage(true)) // 실행1
console.log(alertMessage(false)) // 실행2

3

const printName =(name) =>{
    if(name === undefined){ //굳이 이럴 필요 없이 !name으로 해도됨
        return '사람이 없네요.'
    }
    return '안녕하세요.' + name

}

var customer ='poco'
var customer =null

console.log(printName(customer)) // 안녕하세요. null
이렇게 사용해보는게 어떨까?
function printName(name){
    if(!name){
        return '사람이 없네요.'
    }

    return `안녕하세요. ${name}` 
}


 
console.log(printName( ))

4



const state = {
    data : '로그인 완료'
}


function fetchData() { 
    return state.data ? state.data : 'Fetching...' // 1번
    return state.data || 'Fetching...' // 2번이 1번보다 더 편함
}


console.log(fetchData())  // '로그인 완료'

5

isLogin과 user의 값이 있다면 user.name을..
아니면 '이름 없음'을 리턴한다.


if(isLogin && user){
 return user.name || '이름없음' 
}

0개의 댓글