Избегайте неопределенных свойств при конкатенации строк

Question

JavaScript возвращает строку «undefined» при конкатенации неопределенной строки. Обычно это проблема, когда строка, которая будет конкатенирована, не определена, но в моем примере obj.prop может быть неопределенным в любое время. Я хотел бы избежать этого шаблона в моем коде в тех случаях, как этот

function (obj) { 
    if (obj.prop) { 
    obj.prop += 'string'; 
    } else { 
    obj.prop = 'string'; 
    } 
} 

Если я всегда делаю «+ = строка» Я в конечном итоге с «undefinedstring» в случае obj.prop был неопределенным

Answer 1

Поскольку undefined считается falsey, вы могли бы реализовать это следующим образом:

function (obj) { 
    obj.prop = obj.prop || ''; 
    obj.prop += 'string'; 
} 

или подобным образом:

function (obj) { 
    obj.prop = (obj.prop || '') + 'string'; 
} 

Answer 2

Используйте hasOwnProperty, он возвращает true, если объект имеет свойство else else возвращает false;

function (obj) { 
    if (obj.hasOwnProperty(prop)) 
    obj.prop += 'string'; 
    else 
    obj.prop = 'string'; 
} 

Answer 3

Я обычно использую этот стиль кода,

function (obj) { 
    obj.prop += (!!obj.prop ? obj.prop : ""); 
}