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

Вот несколько жемчужин:

Литералы:

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?

Получение текущего даты и времени в миллисекундах:

Date.now()

Например, чтобы рассчитать время выполнения раздела кода:

var start = Date.now();
// some code
alert((Date.now() - start) + " ms elapsed");

Тест на принадлежность к объекту:

var props = {a: 1, b: 2};

("a" в props) // истина
("b" в реквизитах) // истина
("c" в реквизитах) // ложь

В Mozilla (и, как сообщается, в IE7) вы можете создать константу XML, используя:

var xml = <elem> </elem>;

Вы также можете заменять переменные:

var elem = "html";
var text = "Немного текста";
var xml = <{elem}> {text} </ {elem}>;

Использование анонимных функций и закрытия для создания частной переменной (скрытие информации) и связанных методов get / set:

var getter, setter;

(function()
{
   var _privateVar=123;
   getter = function() { return _privateVar; };
   setter = function(v) { _privateVar = v; };
})()

Возможность расширения собственных типов JavaScript с помощью прототипного наследования.

String.prototype.isNullOrEmpty = function(input) {
    return input === null || input.length === 0;
}

Используйте ===для сравнения значения и типа:

var i = 0;
var s = "0";

if (i == s) // правда

if (i === s) // ложь

Многострочные струны:

var str = "Это \
все один \
строка. ";

Поскольку вы не можете делать отступ в последующих строках, не добавляя пробелов в строку, люди обычно предпочитают объединять с помощью оператора плюс. Но это дает прекрасную возможность документирования .

Изменить размер массива

Свойство length доступно не только для чтения . Вы можете использовать его для увеличения или уменьшения размера массива.

var myArray = [1,2,3];
myArray.length // 3 elements.
myArray.length = 2; //Deletes the last element.
myArray.length = 20 // Adds 18 elements to the array; the elements have the empty value. A sparse array.

Повторение строки, такой как «-», определенное количество раз, используя метод соединения для пустого массива:

var s = new Array(repeat+1).join("-");

При повторении == 3 будет получено "---".

Как и оператор по умолчанию, ||это оператор-охранник &&.

answer = obj && obj.property

в отличие от

if (obj) {
    answer = obj.property;
}
else {
    answer = null;
}

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

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

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

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

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"

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

check ? value1 : value2

Еще немного на примере Левика:

var foo = (condition) ? value1 : value2;

Массив # Foreach на Javascript 1.6

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

После obj || {default: true} синтаксис:

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

В ситуациях парсинга с фиксированным набором комплектующих:

var str = "John Doe";

Вы можете присвоить результаты непосредственно переменным, используя synatx "деструктурирующее присвоение":

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+.

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

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

Я забыл:

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

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

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

var hasValueOf = !! ({}). valueOf

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

Мне нравится иметь возможность eval () json-строки и получить обратно полностью заполненную структуру данных. Ненавижу писать все по крайней мере дважды (один раз для IE, снова для Mozilla).

Присвоение часто используемых ключевых слов (или любых методов) простым переменным, таким как ths

  var $$ = document.getElementById;

  $$('samText');

Класс Date в JavaScript, обеспечивающий полу- "Свободный интерфейс". Это компенсирует невозможность напрямую извлечь часть даты из класса Date:

var today = new Date((new Date()).setHours(0, 0, 0, 0));

Это не полностью свободный интерфейс, потому что следующее даст нам только числовое значение, которое на самом деле не является объектом Date:

var today = new Date().setHours(0, 0, 0, 0);

Резервный вариант по умолчанию:

var foo = {}; // empty object literal

alert(foo.bar) // will alert "undefined"

alert(foo.bar || "bar"); // will alert the fallback ("bar")

Практический пример:

// will result in a type error
if (foo.bar.length === 0)

// with a default fallback you are always sure that the length
// property will be available.
if ((foo.bar || "").length === 0) 

Вот одно, что я только что обнаружил: проверка нуля перед вызовом функции:

a = b && b.length;

Это более короткий эквивалент:

a = b ? b.length : null;

Самое приятное то, что вы можете проверить цепочку свойств:

a = b && b.c && b.c.length;

Мне нравится, как просто работать со списками:

var numberName = ["zero", "one", "two", "three", "four"][number];

И хеши:

var numberValue = {"zero":0, "one":1, "two":2, "three":3, "four":4}[numberName];

На большинстве других языков это будет довольно тяжелый код. Значения по умолчанию тоже хороши. Например, сообщение с кодом ошибки:

var errorDesc = {301: "Moved Permanently",
                 404: "Resource not found",
                 503: "Server down"
                }[errorNo] || "An unknown error has occurred";

int для преобразования строки

var i = 12;
var s = i+"";

element.innerHTML = "";  // Replaces body of HTML element with an empty string.

Ярлык для удаления всех дочерних узлов элемента.

Преобразование строки в целое число, по умолчанию на 0, если это невозможно,

0 | "3" //result = 3
0 | "some string" -> //result = 0
0 | "0" -> 0 //result = 0

Может быть полезно в некоторых случаях, в основном, когда 0 считается плохим результатом

Литералы шаблона

var a = 10;
var b = 20;
var text = `${a} + ${b} = ${a+b}`;

тогда текстовая переменная будет такой, как показано ниже!

10 + 20 = 30