if + переопределить переменную vs. if + else. Что лучше, производительность мудрая?

Question

Я хочу использовать атрибут data-src, когда screen.width > 767 и data-src-small, когда screen.width < 768. У меня есть два метода в виду:

Метод 1:

var src = "data-src"; 

if($(window).width() < 768) { 
    src = "data-src-small"; 
} 
// do something with src variable. 

Метод 2:

if($(window).width() > 768) { 
    var src = "data-src"; 
} 
else { 
    var src = "data-src-small"; 
} 
// do something with src variable. 

Я наткнулся на эту ситуацию дважды. Поэтому я думаю, что важно знать, какой метод лучше, так как эта ситуация может возникнуть позже.

Редактировать: Я не имею в виду этот вопрос, чтобы быть конкретным для javascript. Я имею в виду, в общем, что это быстрое, переменное переназначение или дополнительное условие для оценки в else? Такая же ситуация может быть на языке Си тоже, как это:

string salary; 
... 
... 
salary = "LOW"; 
if(person == "RICH") { 
    salary = "HIGH"; 
} 

Method2:

string salary; 
... 
... 
if(person == "RICH") { 
    salary = "HIGH"; 
} 
else { 
    salary = "LOW"; 
} 

Если ответ зависит от компилятора и языка, пожалуйста, ответ на двигатель V8 Chrome для javascript языка и gcc- 4.9.2 компилятор для C язык. Благодаря

Answer 1

Я хотел бы предложить метод 3-е, которые не требуют каких-либо JS или CSS

<picture> 
 
    <source media="(min-width: 768px)" srcset="https://dummyimage.com/600x400/000/f00&text=big"> 
 
    <source media="(max-width: 768px)" srcset="https://dummyimage.com/300x200/000/fff&text=small"> 
 

 
    <!-- fallback if browser don't understand picture element --> 
 
    <img src="https://dummyimage.com/600x400/000/0f0&text=small" alt="kitten-curled"> 
 
</picture>