Лучший JavaScript синтаксический сахар

Question

Вот несколько драгоценных камней:

литералы:

var obj = {}; // Object literal, equivalent to var obj = new Object();
var arr = []; // Array literal, equivalent to var arr = new Array();
var regex = /something/; // Regular expression literal, equivalent to var regex = new RegExp('something');

Значения по умолчанию:

arg = arg || 'default'; // if arg evaluates to false, use 'default', which is the same as:
arg = !!arg ? arg : 'default';

Конечно, мы знаем анонимные функции, но возможность обрабатывать их как литералы и выполнять их на месте (как замыкание) - это прекрасно:

(function() { ... })(); // Creates an anonymous function and executes it

Вопрос: Какой еще замечательный синтаксический сахар доступен в javascript?

Answer 1

var tags = {
    name: "Jack",
    location: "USA"
};

"Name: {name}<br>From {location}".replace(/\{(.*?)\}/gim, function(all, match){
    return tags[match];
});

обратный вызов для замены строки просто полезен.

Answer 2

Геттеры и сеттеры :

function Foo(bar)
{
    this._bar = bar;
}

Foo.prototype =
{
    get bar()
    {
        return this._bar;
    },

    set bar(bar)
    {
        this._bar = bar.toUpperCase();
    }
};

дает нам:

>>> var myFoo = new Foo("bar");
>>> myFoo.bar
"BAR"
>>> myFoo.bar = "Baz";
>>> myFoo.bar
"BAZ"

Answer 3

Это не эксклюзивный JavaScript, но сохраняет как три строки кода:

check ? value1 : value2

Answer 4

Массив forEach в Javascript 1.6

myArray.forEach(function(element) { alert(element); });

Answer 5

Следующий объект || {default: true} синтаксис:

вызов вашей функции следующим образом: hello (requiredOne && requiredTwo && needThree), если один параметр не определен или false, тогда он вызовет hello (false), иногда usefull

Answer 6

В ситуациях анализа с фиксированным набором составных частей:

var str = "John Doe";

Вы можете назначить результаты непосредственно в переменные, используя синтаксис «назначение деструктурирования»:

var [fname, lname] = str.split(" ");
alert(lname + ", " + fname);

Что немного более читабельно, чем:

var a = str.split(" ");
alert(a[1] + ", " + a[0]);

С другой стороны:

var [str, fname, lname] = str.match(/(.*) (.*)/);

Обратите внимание, что это функция Javascript 1.7 . Это браузеры Mozilla 2.0+ и Chrome 6+.

Answer 7

Немного больше на примере Левика:

var foo = (condition) ? value1 : value2;

Answer 8

Функция «Немедленно вызванная стрелка»:

var test = "hello, world!";
(() => test)(); //returns "hello, world!";

Answer 9

Я забыл:

(function() { ... }).someMethod(); // Functions as objects

Answer 10

Создать литерал анонимного объекта просто: ({})

Пример: нужно знать, есть ли у объекта метод valueOf:

var hasValueOf = !! ({}). ValueOf

Бонус синтаксического сахара: двойной - не "!!" для очень краткого преобразования чего-либо в логическое значение.