Странное поведение функции Javascript

Question

Если я выполнить тестовую функцию в следующем фрагменте кода:

function pointInside(r, p) { 
    var result = 
     (p.x >= r.location.x - r.size.width * 0.5) && 
     (p.x <= r.location.x + r.size.width * 0.5) && 
     (p.y >= r.location.y - r.size.height * 0.5) && 
     (p.y <= r.location.y + r.size.height * 0.5) 
    ; 
    return result; 
} 

function test() { 
    var rect = {}; 
    rect["location"] = { x:6, y:5 }; 
    rect["size"] = { width:10, height:8 }; 
    var p = { x:10, y:8 }; 
    var inside = pointInside(rect, p); 
    console.log(inside ? "inside" : "outside"); 
} 

затем текст «внутри» получает записывается в консоль. Отлично. Теперь, если я изменить функцию pointInside к этому:

function pointInside(r, p) { 
    return 
     (p.x >= r.location.x - r.size.width * 0.5) && 
     (p.x <= r.location.x + r.size.width * 0.5) && 
     (p.y >= r.location.y - r.size.height * 0.5) && 
     (p.y <= r.location.y + r.size.height * 0.5) 
    ; 
} 

тогда, когда я вызываю функцию тест «вне» получает записывается в консоль. При дальнейших исследованиях я обнаружил, что функция pointInside фактически возвращает undefined. Зачем? Я не вижу сколько-нибудь значимой разницы между двумя версиями pointInside. Кто-нибудь может мне это объяснить?

Answer 1

К сожалению, многие JavaScript переводчики стараются быть снисходительными о отсутствующие точки с запятой. Если у вас есть «возвращение», а затем конец строки, многие переводчики предполагают, что вы забыли точку с запятой. Следовательно, ваш «неопределенный».

Answer 2

В javascript ; не является обязательным (в конце инструкции) ... поэтому ваша функция возвращает «undefined» (который является false-y), а остальная часть кода в этой функции эффективно игнорируется ... wonderful isn Это!

попробуйте следующее

function pointInside(r, p) { 
    return (
     (p.x >= r.location.x - r.size.width * 0.5) && 
     (p.x <= r.location.x + r.size.width * 0.5) && 
     (p.y >= r.location.y - r.size.height * 0.5) && 
     (p.y <= r.location.y + r.size.height * 0.5) 
    ); 
} 

это то, что, вероятно, никогда не будет фиксированной, это глупое поведение, потому что это нарушило бы слишком много (плохо) код