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

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

Я забыл:

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

Многострочные строки:

var str = "This is \
all one \
string.";

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

Немного больше на примере levik:

var foo = (condition) ? value1 : value2;

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

check ? value1 : value2

Методы get и методы set :

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"

Повторение строки такой как "-" определенное количество раз путем усиления метода соединения на пустом массиве:

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

Результаты в "---", когда повторение == 3.

Array#forEach на Javascript 1.6

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

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

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

if (i == s)  // true

if (i === s) // false

Способность расширить собственные типы данных JavaScript через prototypal наследование.

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

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

var getter, setter;

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

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

var xml = <elem></elem>;

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

var elem = "html";
var text = "Some text";
var xml = <{elem}>{text}</{elem}>;

Объектный тест членства:

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

("a" in props) // true
("b" in props) // true
("c" in props) // false

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

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

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

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

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

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

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

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

  var $$ = document.getElementById;

  $$('samText');

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

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

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.

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

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

Откат по умолчанию:

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) 

Как и оператор по умолчанию, || является оператором защиты, && .

answer = obj && obj.property

в отличие от

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

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

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

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

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