Использование геттеров/сеттеров в JavaScript [дубликат]

Есть такой код, нашел в книге по js. В этом примере нет ошибок. все выводится как надо и выводится 450

'use strict';
function CoffeeMachine(power, capacity) {
    var waterAmount = 0;
    this.waterAmount = function(amount) {
        if(!arguments.length)
            return waterAmount;
        if(amount < 0) {
            throw new Error('Значение должно быть положительным!');
        }
        if(amount > capacity) {
            throw new Error('Значение не должно быть больше ' + capacity);
        }
        waterAmount = amount;
    };
}
var coffeeMachine = new CoffeeMachine(1000, 500);
coffeeMachine.waterAmount(450);
alert(coffeeMachine.waterAmount());

Но в этом примере выводится undefined

'use strict';
 function CoffeeMachine(power, capacity) {
        var waterAmount = 0;
        this.waterAmount = function(amount) {
            if(!arguments.length)
                return waterAmount;
            if(amount < 0) {
                throw new Error('Значение должно быть положительным!');
            }
            if(amount > capacity) {
                throw new Error('Значение не дожно быть больше ' + capacity);
            }
            waterAmount = amount;
        };
    }
    var coffeeMachine = new CoffeeMachine(1000, 500);
    alert(coffeeMachine.waterAmount(450));

Тут я просто в alert записал сразу и все. объясните в чем разница, почему когда не в alert записано то все работает, а наоборот нет.