Форум

_Ivan · #1 (**permalink**) 15.08.2012, 09:15

Какой вариант описания функций предпочтительней? В двух словах почему? (я понимаю, что первый выполняется при загрузке)

//вариант 1
var math={
	raz:function raz(val){
		return val+1;
	},
	dva:function dva(val){
		return val+2;
	}
};
//вариант 2
function raz(val){
	return val+1;
}
function dva(val){
	return val+2;
}

ksa · #2 (**permalink**) 15.08.2012, 09:22

Сообщение от _Ivan

я понимаю, что первый выполняется при загрузке

Нет. Ничего там не выполняется... Оба варианта простое определение медодов и функций

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
//вариант 1
var math={
	raz:function raz(val){
		return val+1;
	},
	dva:function dva(val){
		return val+2;
	}
};
 //вариант 2
function raz(val){
	return val+1;
};
function dva(val){
	return val+2;
};
 // Вот и вся разница
alert(math.raz(1));
alert(raz(1));
</script>
</head>
<body>
</body>
</html>

ksa · #3 (**permalink**) 15.08.2012, 09:25

Как "преимущество" можно отметить вот такой вызов метода...

var math={
	raz:function raz(val){
		return val+1;
	},
	dva:function dva(val){
		return val+2;
	}
};
alert(math['raz'](1));

melky · #4 (**permalink**) 15.08.2012, 13:53

Сообщение от _Ivan

Какой вариант описания функций предпочтительней?

какой нравится.

B@rmaley.e><e · #5 (**permalink**) 15.08.2012, 23:15

В первом случае Вы засоряете пространство имён одним новым именем, во втором — двумя.Так что лучше первый. А вот между

//вариант 1
var raz = function raz(val){
		return val+1;
	},
	dva = function dva(val){
		return val+2;
	};

//вариант 2
function raz(val){
	return val+1;
}
function dva(val){
	return val+2;
}

Уже особой разницы нет.

_Ivan · #6 (**permalink**) 16.08.2012, 01:17

Сорри, плохой пример. Как такой?

var overlay={
	val:0.1,
	speed:10,
	init:function(){
		overlay.obj=createEl('div',{},{'display':'none','background':'#000','width':'100%','height':'100%','top':'0','left':'0','position':'fixed','zIndex':'98'});
	},
	show:function(){
		show(overlay.obj);
		if(overlay.val<0.7){
			setOpacity(overlay.obj,overlay.val+=0.02);
			setTimeout('overlay.show()',overlay.speed);
		}
	},
	hide:function(){
		if(overlay.val>0){
			setOpacity(overlay.obj,overlay.val-=0.02);
			setTimeout('overlay.hide()',overlay.speed);
		}
		else{hide(overlay.obj);}
	}
};

1. Эта ф-я выполняется ведь частично при загрузке (первые 2 строчки)?
2. Повторю вопрос, какой вариант лучше (второй писать не буду, смысл ясен)?

melky · #7 (**permalink**) 16.08.2012, 13:54

Сообщение от _Ivan

1. Эта ф-я выполняется ведь частично при загрузке (первые 2 строчки)?

там создаётся объект, и в него помещаются свойства. никакая функция не выполняется.

Сообщение от _Ivan

2. Повторю вопрос, какой вариант лучше (второй писать не буду, смысл ясен)?

лучше через наследование и ООП. а в этих двух случаях лучше то, что лучше читается.

Форум

Справочник

Discord чат

Курсы javascript