Рубрики
Без рубрики

Подходы для написания хорошего jQuery кода (часть 1)

Объявляйте все переменные сразу

Все команды создания переменных, можем объединить в одну.

var
  $first = $('#first'),
  $second = $('#second'),
  value = $first.val(),
  k = 3,
  cookiestring = 'SOMECOOKIESPLEASE',
  i,
  j,
  myArray = {};


Используйте Венгерскую нотацию

Для лучшей читабельности, ставьте доллар в именах переменных, которые используются в рамках jQuery.

// плохой подход
var first = $('#first');
var second = $('#second');
var value = first.val();
// лучший подход - ставим знак $ перед переменными
var $first = $('#first');
var $second = $('#second'),
var value = $first.val();

Используйте логические операторы

Используйте логические операторы && (логическое и) или || (логическое или).

// плохой подход
function initVar($myVar) {
	if(!$myVar) {
		$myVar = $('#selector');
	}
}
// лучший подход
function initVar($myVar) {
	$myVar = $myVar || $('#selector');
}

Пишите читабельный код

При использовании цепочек вызовов функций, код становится слегка не читабельным. Используйте пробелы или табуляция для того чтобы это исправить.

// плохой подход
$second.html(value);
$second.on('click',function(){
	alert('hello everybody');
}).fadeIn('slow').animate({height:'120px'},500);
// лучший подход
$second.html(value);
$second
	.on('click',function(){ alert('hello everybody');})
	.fadeIn('slow')
	.animate({height:'120px'},500);


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *