Підпрограми в JavaScript - Історія редагувань

Малашкевич Олексій в 14:10, 19 травня 2013

2013-05-19T14:10:18Z

Малашкевич Олексій в 13:40, 19 травня 2013

2013-05-19T13:40:50Z

Малашкевич Олексій в 13:08, 19 травня 2013

2013-05-19T13:08:13Z

Малашкевич Олексій в 12:38, 19 травня 2013

2013-05-19T12:38:41Z

Малашкевич Олексій в 12:28, 19 травня 2013

2013-05-19T12:28:36Z

Малашкевич Олексій в 12:11, 19 травня 2013

2013-05-19T12:11:01Z

Показати зміни

Тетяна Мусієнко в 05:30, 25 травня 2010

2010-05-25T05:30:22Z

Гулий Елена в 05:22, 25 травня 2010

2010-05-25T05:22:09Z

Гулий Елена в 06:23, 21 травня 2010

2010-05-21T06:23:11Z

Гулий Елена в 06:21, 21 травня 2010

2010-05-21T06:21:50Z

@@ Рядок 9: / Рядок 9: @@
 function <span style="color:green;">ім'я(параметри)</span><br/>
+{
-<span style="color:green;">код</span>
+<span style="color:green;">Тіло функції</span>
 }<br/>
 </font>
@@ Рядок 19: / Рядок 19: @@
 var <span style="color:green;">ім'я</span> = function(<span style="color:green;">параметри</span>)<br/>
+{
-<span style="color:green;">код</span>
+<span style="color:green;">Тіло функції</span>
 }<br/>
 </font>
@@ Рядок 27: / Рядок 27: @@
 <code>
 <font style="font-size:10pt">
-var <span style="color:green;">ім'я</span> = new Function(<span style="color:green;">параметри, 'код'</span>)<br/>
+var <span style="color:green;">ім'я</span> = new Function(<span style="color:green;">параметри, 'Тіло функції'</span>)<br/>
 </font>
 </code>

← Попередня версія		Версія за 13:40, 19 травня 2013
Рядок 118:		Рядок 118:
	Третій запуск задає кілька додаткових аргументів. У функції не передбачена робота з додатковими аргументами, тому вони просто ігноруються.<br/>		Третій запуск задає кілька додаткових аргументів. У функції не передбачена робота з додатковими аргументами, тому вони просто ігноруються.<br/>
	Ну і в останньому випадку аргументів взагалі немає, тому x = undefined, і маємо результат додавання undefined+10 = NaN (Not-A-Number, сталася помилка).<br/>		Ну і в останньому випадку аргументів взагалі немає, тому x = undefined, і маємо результат додавання undefined+10 = NaN (Not-A-Number, сталася помилка).<br/>
		+
		+	'''Передача функції в якості параметра іншої функції'''<br/>
		+	Слід зауважити що в якості параметра будь-якої функції можна передавати іншу функцію.<br/>
		+	'''Приклад'''
		+	<code>
		+	<font style="font-size:10pt">
		+	<span style="color:blue;">var</span> map = <span style="color:blue;">function</span>(func, arr) {
		+	<span style="color:blue;">var</span> result = [ ];
		+	<span style="color:blue;">for</span> ( <span style="color:blue;">var</span> i=0; i<arr.length; i++)
		+	{
		+	result[i] = func(arr[i]);
		+	}
		+	<span style="color:blue;">return</span> result;
		+	}
		+	</font>
		+	</code>
		+	В даному прикладі функція map бере функцію func, і застосовує її до кожного елементу масиву arr і повертає результуючий масив.<br/>
		+	'''Приклади використання:'''<br/>
		+	<code>
		+	<font style="font-size:10pt">
		+	map(func, [1, 2, 3]);<br/>
		+	</font>
		+	</code>
		+	Або можна створити анонімну функцію прямо під час виклику map<br/>
		+	<code>
		+	<font style="font-size:10pt">
		+	map( <span style="color:blue;">function</span> (a) { <span style="color:blue;">return</span> a*3 } , [1,2,3])
		+	<span style="color:green;">// = [3,6,9]</span><br/>
		+	</font>
		+	</code>

← Попередня версія		Версія за 13:08, 19 травня 2013
Рядок 90:		Рядок 90:
	Функції в JavaScript можна запускати з будь-яким числом параметрів.		Функції в JavaScript можна запускати з будь-яким числом параметрів.
	Якщо в функцію передано менше параметрів, ніж є у визначенні, то відсутні параметри отримують значення undefined.		Якщо в функцію передано менше параметрів, ніж є у визначенні, то відсутні параметри отримують значення undefined.
		+
		+	'''Приклад виклику функції з різною кількістю параметрів'''<br/>
		+	<code>
		+	<font style="font-size:10pt">
		+	<span style="color:blue;">var</span> add = <span style="color:blue;">function</span>(x,y)
		+	{
		+	y = y\|\|10;
		+	<span style="color:blue;">return</span> x+y;
		+	}<br/>
		+	<span style="color:green;">// 1) add(10)=>20
		+	// 2) add(10,2)=>12
		+	// 3) add(10,2,5,6,7)=>12
		+	// 4) add() => undefined + 10 =>NaN</span>
		+
		+	</font>
		+	</code>
		+	При першому запуску функція працює з аргументами х = 10, у = undefined. Зазвичай така ситуація, якщо вона підтримується функцією, передбачає значення за замовчуванням:<br/>
		+	<code>
		+	<font style="font-size:10pt">
		+	<span style="color:green;">// Якщо у – хибне значення (undefined, 0, false...) - підставити 10</span><br/>
		+	y = y \|\| 10;<br/>
		+	</font>
		+	</code>
		+	Оператор \| \| в JavaScript повертає не true / false, а саме значення (перше, яке приводиться до true).
		+	Тому його використовують для задання значень за замовчуванням. У нашому виклику y буде обчислено як undefined \| \| 10 = 10. Тому результат буде 10+10 = 20.
		+	Другий запуск - стандартний.<br/>
		+	Третій запуск задає кілька додаткових аргументів. У функції не передбачена робота з додатковими аргументами, тому вони просто ігноруються.<br/>
		+	Ну і в останньому випадку аргументів взагалі немає, тому x = undefined, і маємо результат додавання undefined+10 = NaN (Not-A-Number, сталася помилка).<br/>

@@ Рядок 36: / Рядок 36: @@
 <code>
 <font style="font-size:10pt">
-<span style="color:green;">// функція sum визначена нижче її виклику.</span><br/>
+  <span style="color:green;">// функція sum визначена нижче її виклику.</span>
-<span style="color:blue;">var</span> a = sum(1,1);<br/>
+  <span style="color:blue;">var</span> a = sum(1,1);<br/>
+  <span style="color:blue;">function</span> sum(x,y)
-<span style="color:blue;">function</span> sum(x,y)<br/>
-{<br/>
+  &nbsp;&nbsp;<span style="color:blue;">return</span> x+y;
-&nbsp;&nbsp;<span style="color:blue;">return</span> x+y;<br/>
-}<br/>
 </font>
@@ Рядок 50: / Рядок 49: @@
 <code>
 <font style="font-size:10pt">
-<span style="color:green;">//При виконанні даного коду  буде отримано помилку так як під час виклику<br/>
+  <span style="color:green;">//При виконанні даного коду  буде отримано помилку так як під час виклику
-//функція sum ще не оголошена<br/></span>
+  //функція sum ще не оголошена</span>
+  <span style="color:blue;">var</span> a = sum(1,1);<br/>
-<span style="color:blue;">var</span> a = sum(1,1);<br/>
+  <span style="color:blue;">var</span> sum = <span style="color:blue;">function</span>(x,y)
-−
+  {
-<span style="color:blue;">var</span> sum = <span style="color:blue;">function</span>(x,y)<br/>
+  &nbsp;&nbsp;<span style="color:blue;">return</span> x+y;
-{<br/>
-&nbsp;&nbsp;<span style="color:blue;">return</span> x+y;<br/>
-}<br/>
 </font>
 </code>
@@ Рядок 68: / Рядок 65: @@
 <code>
 <font style="font-size:10pt">
-<span style="color:green;">// Визначення змінних в глобальній області видимості</span><br/>
+  <span style="color:green;">// Визначення змінних в глобальній області видимості</span>
-<span style="color:blue;">var</span> num1 = 20,<br/>
+  <span style="color:blue;">var</span> num1 = 20,
-&nbsp;&nbsp;num2 = 3,<br/>
+  &nbsp;&nbsp;num2 = 3,
-&nbsp;&nbsp;name = "Test";<br/>
+  &nbsp;&nbsp;name = "Test";
+  <span style="color:green;">// Ця функція визначена в глобальній області видимості</span>
-<span style="color:green;">// Ця функція визначена в глобальній області видимості</span><br/>
+  <span style="color:blue;">function</span> multiply() {
-<span style="color:blue;">function</span> multiply() {<br/>
+  &nbsp;&nbsp;<span style="color:blue;">return</span> num1 * num2;
-&nbsp;&nbsp;<span style="color:blue;">return</span> num1 * num2;<br/>
+  }<br/>
+  multiply(); <span style="color:green;">// функція поверне 60</span><br/>
+  <span style="color:blue;">function</span> getScore () {
-multiply(); <span style="color:green;">// функція поверне 60</span><br/>
+  <span style="color:blue;">var</span> num1 = 2,
+  &nbsp;&nbsp;&nbsp;&nbsp;num2 = 3;
-<span style="color:blue;">function</span> getScore () {<br/>
+  <span style="color:green;">//Приклад вкладеної функції</span>
-<span style="color:blue;">var</span> num1 = 2,<br/>
+  &nbsp;&nbsp;<span style="color:blue;">function</span> add() {
-&nbsp;&nbsp;&nbsp;&nbsp;num2 = 3;<br/>
+  &nbsp;&nbsp;&nbsp;&nbsp;<span style="color:blue;">return</span> name + " scored " + (num1 + num2);
-<span style="color:green;">//Приклад вкладеної функції</span><br/>
+  &nbsp;&nbsp;}
-&nbsp;&nbsp;<span style="color:blue;">function</span> add() {<br/>
+  &nbsp;&nbsp;&nbsp;<span style="color:blue;">return</span> add();
-&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:blue;">return</span> name + " scored " + (num1 + num2);<br/>
+  }<br/>
-&nbsp;&nbsp;}<br/>
+  getScore(); <span style="color:green;">// функція поверне "Test scored 5"</span>
-&nbsp;&nbsp;&nbsp;<span style="color:blue;">return</span> add();<br/>
 }<br/>
-−
-getScore(); <span style="color:green;">// функція поверне "Test scored 5"</span><br/>
 </font>
 </code>

@@ Рядок 59: / Рядок 59: @@
 &nbsp;&nbsp;<span style="color:blue;">return</span> x+y;<br/>
 }<br/>
 </font>
 </code>

@@ Рядок 10: / Рядок 10: @@
   document.write(Это JavaScript!");<br>
   document.write("Добро пожаловать на мою страницу!");<br>
-  document.write("Это JavaScript!");<
+  document.write("Это JavaScript!");
   </script>
   </html>

← Попередня версія		Версія за 05:22, 25 травня 2010
Рядок 78:		Рядок 78:

	Перейти до [[Інтернет-програмування]]		Перейти до [[Інтернет-програмування]]
−	[[category:Інтернет-програмування]]	+	[[category:Інтернет-програмування\|*]]
		+
		+	[[category:Навчальні проекти]]

← Попередня версія		Версія за 06:23, 21 травня 2010
Рядок 75:		Рядок 75:


		+
		+
		+	Перейти до [[Інтернет-програмування]]
	[[category:Інтернет-програмування]]		[[category:Інтернет-програмування]]

← Попередня версія		Версія за 06:21, 21 травня 2010
Рядок 73:		Рядок 73:

	Тут при натисненні на кнопку здійснюється виклик функції calculation (). Як можна помітити, ця функція виконує якісь обчислення, користуючись змінними x, y і result. Змінну ми можемо визначити за допомогою ключового слова var. Змінні можуть використовуватися для зберігання різних величин - чисел, рядків тексту і т.д. Так рядок скрипта var result = x + y; повідомляє браузеру про те, що необхідно створити змінну result і помістити туди результат виконання арифметичної операції x + y (тобто 5 + 12). Після цього в змінний result буде розміщено число 17. В даному випадку команда alert (result) виконує те ж саме, що й alert (17). Іншими словами, ми отримуємо випадає вікно, в якому написано число 17.		Тут при натисненні на кнопку здійснюється виклик функції calculation (). Як можна помітити, ця функція виконує якісь обчислення, користуючись змінними x, y і result. Змінну ми можемо визначити за допомогою ключового слова var. Змінні можуть використовуватися для зберігання різних величин - чисел, рядків тексту і т.д. Так рядок скрипта var result = x + y; повідомляє браузеру про те, що необхідно створити змінну result і помістити туди результат виконання арифметичної операції x + y (тобто 5 + 12). Після цього в змінний result буде розміщено число 17. В даному випадку команда alert (result) виконує те ж саме, що й alert (17). Іншими словами, ми отримуємо випадає вікно, в якому написано число 17.
		+
		+
		+	[[category:Інтернет-програмування]]