JavaScript中的单个冒号作为变量（不是对象文字）的前缀

Question

In Chrome you can do:

date = new Date();

and then in the console you can do:

hour:date.getHours();

What is this called? Where else does it work?

I saw this in the follow code:

showDateTimePicker(date, callback) {
    date = date || new Date();
    var options = {
        ...this.props,
        year:date.getFullYear(),
        month:date.getMonth(),
        day:date.getDate(),
        hour:date.getHours(),
        minute:date.getMinutes()
    };
    RCTDateTimePicker.showDateTimePicker(options, function (year, month, day, hour, minute) {
        date.setFullYear(year);
        date.setMonth(month);
        date.setDate(day);
        date.setHours(hour);
        date.setMinutes(minute);
        callback(date);
    });
}

Answer 1

hour:date.getHours(); and var options = {hour:date.getHours()}; are two very different statements.

The former is a label which is designed so that when you have nested loops and want to break or continue from one of them, you can specify which. Putting it before a function call is useless.

The latter is an object initialiser which allows you to specify the name and values of properties on a new object.