jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify 1st part of the tutorial

Browse source
This commit is contained in:
Ilya Kantor 2015-03-10 12:36:58 +03:00
parent e3dd2cedc0
commit 6444024a9d
327 changed files with 2358 additions and 1986 deletions
Download patch file Download diff file Expand all files Collapse all files

3
1-js/2-first-steps/1-hello-world/1-hello-alert/solution.md
View file

@ -4,9 +4,11 @@
<!--+ run --> <!--+ run -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body> <body>
<script> <script>
@ -14,6 +16,7 @@
</script> </script>
</body> </body>
</html> </html>
``` ```

5
1-js/2-first-steps/1-hello-world/article.md
View file

@ -16,14 +16,15 @@
<!--+ run height=100 --> <!--+ run height=100 -->
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<!-- Тег meta для указания кодировки --> <!-- Тег meta для указания кодировки -->
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body> <body>
<p>Начало документа...</p> <p>Начало документа...</p>
*!* *!*
<script> <script>
alert( 'Привет, Мир!' ); alert( 'Привет, Мир!' );
@ -33,6 +34,7 @@
<p>...Конец документа</p> <p>...Конец документа</p>
</body> </body>
</html> </html>
``` ```
@ -88,6 +90,7 @@
Выглядит это примерно так: Выглядит это примерно так:
```html ```html
<!--+ no-beautify -->
<script type="text/javascript"><!-- <script type="text/javascript"><!--
... ...
//--></script> //--></script>

14
1-js/2-first-steps/10-bitwise-operators/article.md
View file

@ -22,6 +22,7 @@
Примеры представления чисел в двоичной системе: Примеры представления чисел в двоичной системе:
```js ```js
//+ no-beautify
a = 0; // 00000000000000000000000000000000 a = 0; // 00000000000000000000000000000000
a = 1; // 00000000000000000000000000000001 a = 1; // 00000000000000000000000000000001
a = 2; // 00000000000000000000000000000010 a = 2; // 00000000000000000000000000000010
@ -167,6 +168,7 @@ alert(access2); // 11000
Пример: Пример:
```js ```js
//+ no-beautify
9 (по осн. 10) 9 (по осн. 10)
= 00000000000000000000000000001001 (по осн. 2) = 00000000000000000000000000001001 (по осн. 2)
14 (по осн. 10) 14 (по осн. 10)
@ -194,6 +196,7 @@ alert(access2); // 11000
Пример: Пример:
```js ```js
//+ no-beautify
9 (по осн. 10) 9 (по осн. 10)
= 00000000000000000000000000001001 (по осн. 2) = 00000000000000000000000000001001 (по осн. 2)
14 (по осн. 10) 14 (по осн. 10)
@ -225,6 +228,7 @@ alert(access2); // 11000
Пример: Пример:
```js ```js
//+ no-beautify
9 (по осн. 10) 9 (по осн. 10)
= 00000000000000000000000000001001 (по осн. 2) = 00000000000000000000000000001001 (по осн. 2)
14 (по осн. 10) 14 (по осн. 10)
@ -253,6 +257,7 @@ alert(access2); // 11000
Например, пусть в `data` очередное число равно `9`, а ключ `key` равен `1220461917`. Например, пусть в `data` очередное число равно `9`, а ключ `key` равен `1220461917`.
```js ```js
//+ no-beautify
Данные: 9 в двоичном виде Данные: 9 в двоичном виде
00000000000000000000000000001001 00000000000000000000000000001001
@ -273,6 +278,7 @@ alert(access2); // 11000
В нашем случае: В нашем случае:
```js ```js
//+ no-beautify
Полученная шифровка в двоичной системе: Полученная шифровка в двоичной системе:
9 ^ key = 1220461908 9 ^ key = 1220461908
01001000101111101100010101010100 01001000101111101100010101010100
@ -305,6 +311,7 @@ alert(access2); // 11000
Пример: Пример:
```js ```js
//+ no-beautify
9 (по осн. 10) 9 (по осн. 10)
= 00000000000000000000000000001001 (по осн. 2) = 00000000000000000000000000001001 (по осн. 2)
-------------------------------- --------------------------------
@ -332,6 +339,7 @@ alert(~-1); // 0
Например, `9 << 2` даст `36`: Например, `9 << 2` даст `36`:
```js ```js
//+ no-beautify
9 (по осн.10) 9 (по осн.10)
= 00000000000000000000000000001001 (по осн.2) = 00000000000000000000000000001001 (по осн.2)
@ -356,7 +364,7 @@ alert( 3 << 3 ); // 24, умножение на 2 три раза
Конечно, следует иметь в виду, что побитовые операторы работают только с 32-битными числами, поэтому верхний порог такого "умножения" ограничен: Конечно, следует иметь в виду, что побитовые операторы работают только с 32-битными числами, поэтому верхний порог такого "умножения" ограничен:
```js ```js
//+ run //+ run no-beautify
*!* *!*
alert(10000000000 << 1); // -1474836480, отброшен крайний-левый бит alert(10000000000 << 1); // -1474836480, отброшен крайний-левый бит
*/!* */!*
@ -376,6 +384,7 @@ alert(10000000000 * 2); // 20000000000, обычное умножение
Например, `9 >> 2` даст <code>2</code>: Например, `9 >> 2` даст <code>2</code>:
```js ```js
//+ no-beautify
9 (по осн.10) 9 (по осн.10)
= 00000000000000000000000000001001 (по осн.2) = 00000000000000000000000000001001 (по осн.2)
-------------------------------- --------------------------------
@ -389,6 +398,7 @@ alert(10000000000 * 2); // 20000000000, обычное умножение
Аналогично, `-9 >> 2` даст `-3`: Аналогично, `-9 >> 2` даст `-3`:
```js ```js
//+ no-beautify
-9 (по осн.10) -9 (по осн.10)
= 11111111111111111111111111110111 (по осн.2) = 11111111111111111111111111110111 (по осн.2)
-------------------------------- --------------------------------
@ -422,6 +432,7 @@ alert( 100 >> 3 ); // 12, деление на 2 три раза, целая ча
Для отрицательных чисел -- результат работы разный. Например, `-9 >>> 2` даст `1073741821`, в отличие от `-9 >> 2` (дает `-3`): Для отрицательных чисел -- результат работы разный. Например, `-9 >>> 2` даст `1073741821`, в отличие от `-9 >> 2` (дает `-3`):
```js ```js
//+ no-beautify
-9 (по осн.10) -9 (по осн.10)
= 11111111111111111111111111110111 (по осн.2) = 11111111111111111111111111110111 (по осн.2)
-------------------------------- --------------------------------
@ -559,6 +570,7 @@ alert( 100 >> 3 ); // 12, деление на 2 три раза, целая ча
Как правило, доступы задаются в виде констант: Как правило, доступы задаются в виде констант:
```js ```js
//+ no-beautify
var ACCESS_ADMIN = 1; // 00001 var ACCESS_ADMIN = 1; // 00001
var ACCESS_GOODS_EDIT = 2; // 00010 var ACCESS_GOODS_EDIT = 2; // 00010
var ACCESS_GOODS_VIEW = 4; // 00100 var ACCESS_GOODS_VIEW = 4; // 00100

3
1-js/2-first-steps/11-uibasic/1-simple-page/solution.md
View file

@ -11,9 +11,11 @@ alert(name);
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body> <body>
<script> <script>
@ -22,6 +24,7 @@ alert(name);
</script> </script>
</body> </body>
</html> </html>
``` ```

1
1-js/2-first-steps/11-uibasic/article.md
View file

@ -25,6 +25,7 @@ alert("Привет");
Функция prompt принимает два аргумента: Функция prompt принимает два аргумента:
```js ```js
//+ no-beautify
result = prompt(title, default); result = prompt(title, default);
``` ```

6
1-js/2-first-steps/12-ifelse/article.md
View file

@ -104,7 +104,7 @@ if (year < 2011) {
Иногда нужно в зависимости от условия присвоить переменную. Например: Иногда нужно в зависимости от условия присвоить переменную. Например:
```js ```js
//+ run //+ run no-beautify
var access; var access;
var age = prompt('Сколько вам лет?', ''); var age = prompt('Сколько вам лет?', '');
@ -195,7 +195,7 @@ if (age < 3) {
Иногда оператор вопросительный знак `'?'` используют как замену `if`: Иногда оператор вопросительный знак `'?'` используют как замену `if`:
```js ```js
//+ run //+ run no-beautify
var company = prompt('Какая компания создала JavaScript?', ''); var company = prompt('Какая компания создала JavaScript?', '');
*!* *!*
@ -215,7 +215,7 @@ var company = prompt('Какая компания создала JavaScript?', '
Вот, для сравнения, то же самое с `if`: Вот, для сравнения, то же самое с `if`:
```js ```js
//+ run //+ run no-beautify
var company = prompt('Какая компания создала JavaScript?', ''); var company = prompt('Какая компания создала JavaScript?', '');
*!* *!*

11
1-js/2-first-steps/13-logical-ops/article.md
View file

@ -51,7 +51,8 @@ if (hour < 10 || hour > 18) {
```js ```js
//+ run //+ run
var hour = 12, isWeekend = true; var hour = 12,
isWeekend = true;
if (hour < 10 || hour > 18 || isWeekend) { if (hour < 10 || hour > 18 || isWeekend) {
alert( 'Офис до 10 или после 18 или в выходной закрыт' ); alert( 'Офис до 10 или после 18 или в выходной закрыт' );
@ -69,7 +70,7 @@ JavaScript вычисляет несколько ИЛИ слева направ
При запуске примера ниже присвоение `x` не произойдёт: При запуске примера ниже присвоение `x` не произойдёт:
```js ```js
//+ run //+ run no-beautify
var x; var x;
*!*true*/!* || (x = 1); *!*true*/!* || (x = 1);
@ -80,7 +81,7 @@ alert(x); // undefined, x не присвоен
...А в примере ниже первый аргумент -- `false`, так что ИЛИ попытается вычислить второй, запустив тем самым присваивание: ...А в примере ниже первый аргумент -- `false`, так что ИЛИ попытается вычислить второй, запустив тем самым присваивание:
```js ```js
//+ run //+ run no-beautify
var x; var x;
*!*false*/!* || (x = 1); *!*false*/!* || (x = 1);
@ -125,7 +126,6 @@ alert(result); // выведет "Привет!" - первое значение
```js ```js
//+ run //+ run
alert( undefined || '' || false || 0 ); // 0 alert( undefined || '' || false || 0 ); // 0
``` ```
@ -156,7 +156,8 @@ alert( false && false); // false
```js ```js
//+ run //+ run
var hour = 12, minute = 30; var hour = 12,
minute = 30;
if (hour == 12 && minute == 30) { if (hour == 12 && minute == 30) {
alert( 'Время 12:30' ); alert( 'Время 12:30' );

9
1-js/2-first-steps/14-types-conversion/1-primitive-conversions-questions/solution.md
View file

@ -4,14 +4,11 @@
"" + 1 + 0 = "10" // (1) "" + 1 + 0 = "10" // (1)
"" - 1 + 0 = -1 // (2) "" - 1 + 0 = -1 // (2)
true + false = 1 true + false = 1
6 / "3" = 2 6 / "3" = 2 "2" * "3" = 6
"2" * "3" = 6
4 + 5 + "px" = "9px" 4 + 5 + "px" = "9px"
"$" + 4 + 5
 = "$45" "$" + 4 + 5
 = "$45"
"4" - 2
 = 2 "4" - 2
 = 2 "4px" - 2
 = NaN
"4px" - 2
 = NaN 7 / 0
 = Infinity " -9\n" + 5 = " -9\n5"
7 / 0
 = Infinity
" -9\n" + 5 = " -9\n5"
" -9\n" - 5 = -14 " -9\n" - 5 = -14
5 && 2
 = 2 5 && 2
 = 2
2 && 5
 = 5 2 && 5
 = 5

11
1-js/2-first-steps/14-types-conversion/1-primitive-conversions-questions/task.md
View file

@ -5,18 +5,13 @@
Подумайте, какой результат будет у выражений ниже. Тут не только преобразования типов. Когда закончите -- сверьтесь с решением. Подумайте, какой результат будет у выражений ниже. Тут не только преобразования типов. Когда закончите -- сверьтесь с решением.
```js ```js
"" + 1 + 0 "" + 1 + 0 "" - 1 + 0
"" - 1 + 0
true + false true + false
6 / "3" 6 / "3"
"2" * "3" "2" * "3"
4 + 5 + "px" 4 + 5 + "px"
"$" + 4 + 5
 "$" + 4 + 5
 "4" - 2
 "4px" - 2

"4" - 2
 7 / 0
 " -9\n" + 5 " -9\n" - 5
"4px" - 2

7 / 0

" -9\n" + 5
" -9\n" - 5
5 && 2
 5 && 2

2 && 5
 2 && 5

5 || 0
 5 || 0


9
1-js/2-first-steps/15-while-for/article.md
View file

@ -125,7 +125,7 @@ for (i=0; i<3; i++) {
В цикле также можно определить переменную: В цикле также можно определить переменную:
```js ```js
//+ run //+ run no-beautify
for (*!*var*/!* i=0; i<3; i++) { for (*!*var*/!* i=0; i<3; i++) {
alert(i); // 0, 1, 2 alert(i); // 0, 1, 2
} }
@ -216,7 +216,7 @@ alert('Сумма: ' + sum);
Например, цикл ниже использует `continue`, чтобы не выводить четные значения: Например, цикл ниже использует `continue`, чтобы не выводить четные значения:
```js ```js
//+ run //+ run no-beautify
for (var i = 0; i < 10; i++) { for (var i = 0; i < 10; i++) {
*!*if (i % 2 == 0) continue;*/!* *!*if (i % 2 == 0) continue;*/!*
@ -274,6 +274,7 @@ if (условие) {
Поэтому такой код приведёт к ошибке: Поэтому такой код приведёт к ошибке:
```js ```js
//+ no-beautify
(i > 5) ? alert(i) : *!*continue*/!*; (i > 5) ? alert(i) : *!*continue*/!*;
``` ```
@ -287,7 +288,7 @@ if (условие) {
Например, внутри цикла по `i` находится цикл по `j`, и при выполнении некоторого условия мы бы хотели выйти из обоих циклов сразу: Например, внутри цикла по `i` находится цикл по `j`, и при выполнении некоторого условия мы бы хотели выйти из обоих циклов сразу:
```js ```js
//+ run //+ run no-beautify
*!*outer:*/!* for (var i = 0; i < 3; i++) { *!*outer:*/!* for (var i = 0; i < 3; i++) {
for (var j = 0; j < 3; j++) { for (var j = 0; j < 3; j++) {
@ -308,12 +309,14 @@ alert('Готово!');
Метка имеет вид `"имя:"`, имя должно быть уникальным. Она ставится перед циклом, вот так: Метка имеет вид `"имя:"`, имя должно быть уникальным. Она ставится перед циклом, вот так:
```js ```js
//+ no-beautify
outer: for (var i = 0; i < 3; i++) { ... } outer: for (var i = 0; i < 3; i++) { ... }
``` ```
Можно также выносить ее на отдельную строку: Можно также выносить ее на отдельную строку:
```js ```js
//+ no-beautify
outer: outer:
for (var i = 0; i < 3; i++) { ... } for (var i = 0; i < 3; i++) { ... }
``` ```

1
1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/solution.md
View file

@ -3,6 +3,7 @@
В реальном случае, скорее всего, подойдёт обычное сравнение `'=='`. В реальном случае, скорее всего, подойдёт обычное сравнение `'=='`.
```js ```js
//+ no-beautify
if(browser == 'IE') { if(browser == 'IE') {
alert('О, да у вас IE!'); alert('О, да у вас IE!');
} else if (browser == 'Chrome' } else if (browser == 'Chrome'

3
1-js/2-first-steps/16-switch/article.md
View file

@ -9,6 +9,7 @@
Выглядит она так: Выглядит она так:
```js ```js
//+ no-beautify
switch(x) { switch(x) {
case 'value1': // if (x === 'value1') case 'value1': // if (x === 'value1')
... ...
@ -125,7 +126,7 @@ switch(a) {
В примере ниже `case 3` и `case 5` выполняют один и тот же код: В примере ниже `case 3` и `case 5` выполняют один и тот же код:
```js ```js
//+ run //+ run no-beautify
var a = 2+2; var a = 2+2;
switch (a) { switch (a) {

9
1-js/2-first-steps/17-function-basics/article.md
View file

@ -64,6 +64,7 @@ alert(message); // <-- будет ошибка, т.к. переменная ви
Например: Например:
```js ```js
//+ no-beautify
function count() { function count() {
// переменные i,j не будут уничтожены по окончании цикла // переменные i,j не будут уничтожены по окончании цикла
for (*!*var*/!* i=0; i<3; i++) { for (*!*var*/!* i=0; i<3; i++) {
@ -100,7 +101,7 @@ function count() {
Функция может обратиться ко внешней переменной, например: Функция может обратиться ко внешней переменной, например:
```js ```js
//+ run //+ run no-beautify
var *!*userName*/!* = 'Вася'; var *!*userName*/!* = 'Вася';
function showMessage() { function showMessage() {
@ -177,7 +178,7 @@ alert(message); // Привет
Например, этот код выводит два сообщения: Например, этот код выводит два сообщения:
```js ```js
//+ run //+ run no-beautify
function showMessage(*!*from, text*/!*) { // параметры from, text function showMessage(*!*from, text*/!*) { // параметры from, text
from = "** " + from + " **"; // здесь может быть сложный код оформления from = "** " + from + " **"; // здесь может быть сложный код оформления
@ -273,7 +274,7 @@ function showMessage(from, text) {
Например, создадим функцию `calcD`, которая будет возвращать дискриминант квадратного уравнения по формуле <code>b<sup>2</sup> - 4ac</code>: Например, создадим функцию `calcD`, которая будет возвращать дискриминант квадратного уравнения по формуле <code>b<sup>2</sup> - 4ac</code>:
```js ```js
//+ run //+ run no-beautify
function calcD(a, b, c) { function calcD(a, b, c) {
*!*return*/!* b*b - 4*a*c; *!*return*/!* b*b - 4*a*c;
} }
@ -360,12 +361,14 @@ alert( doNothing() === undefined ); // true
Функции, которые начинаются с `"show"` -- что-то показывают: Функции, которые начинаются с `"show"` -- что-то показывают:
```js ```js
//+ no-beautify
showMessage(..) // префикс show, "показать" сообщение showMessage(..) // префикс show, "показать" сообщение
``` ```
Функции, начинающиеся с `"get"` -- получают, и т.п.: Функции, начинающиеся с `"get"` -- получают, и т.п.:
```js ```js
//+ no-beautify
getAge(..) // get, "получает" возраст getAge(..) // get, "получает" возраст
calcD(..) // calc, "вычисляет" дискриминант calcD(..) // calc, "вычисляет" дискриминант
createForm(..) // create, "создает" форму createForm(..) // create, "создает" форму

32
1-js/2-first-steps/18-function-declaration-expression/article.md
View file

@ -20,7 +20,7 @@ alert( sayHi ); // выведет код функции
**Функцию можно скопировать в другую переменную:** **Функцию можно скопировать в другую переменную:**
```js ```js
//+ run //+ run no-beautify
function sayHi() { // (1) function sayHi() { // (1)
alert( "Привет" ); alert( "Привет" );
} }
@ -140,9 +140,13 @@ var sayHi = function(name) {
var age = +prompt("Сколько вам лет?", 20); var age = +prompt("Сколько вам лет?", 20);
if (age >= 18) { if (age >= 18) {
function sayHi() { alert('Прошу вас!'); } function sayHi() {
alert( 'Прошу вас!' );
}
} else { } else {
function sayHi() { alert('До 18 нельзя'); } function sayHi() {
alert( 'До 18 нельзя' );
}
} }
sayHi(); sayHi();
@ -158,8 +162,13 @@ sayHi();
<li>Дальше, во время выполнения, объявления Function Declaration игнорируются (они уже были обработаны). Это как если бы код был таким: <li>Дальше, во время выполнения, объявления Function Declaration игнорируются (они уже были обработаны). Это как если бы код был таким:
```js ```js
function sayHi() { alert('Прошу вас!'); } function sayHi() {
function sayHi() { alert('До 18 нельзя'); } alert( 'Прошу вас!' );
}
function sayHi() {
alert( 'До 18 нельзя' );
}
var age = 20; var age = 20;
@ -191,9 +200,13 @@ var age = prompt('Сколько вам лет?');
var sayHi; var sayHi;
if (age >= 18) { if (age >= 18) {
sayHi = function() { alert('Прошу Вас!'); } sayHi = function() {
alert( 'Прошу Вас!' );
}
} else { } else {
sayHi = function() { alert('До 18 нельзя'); } sayHi = function() {
alert( 'До 18 нельзя' );
}
} }
sayHi(); sayHi();
@ -202,7 +215,7 @@ sayHi();
Или даже так: Или даже так:
```js ```js
//+ run //+ run no-beautify
var age = prompt('Сколько вам лет?'); var age = prompt('Сколько вам лет?');
var sayHi = (age >= 18) ? var sayHi = (age >= 18) ?
@ -250,7 +263,7 @@ ask("Вы согласны?", showOk, showCancel);
Здесь обратим внимание на то, что то же самое можно написать более коротко: Здесь обратим внимание на то, что то же самое можно написать более коротко:
```js ```js
//+ run //+ run no-beautify
function ask(question, yes, no) { function ask(question, yes, no) {
if (confirm(question)) yes() if (confirm(question)) yes()
else no(); else no();
@ -340,6 +353,7 @@ alert(result); // 3
Сравните по читаемости: Сравните по читаемости:
```js ```js
//+ no-beautify
// Function Expression // Function Expression
var f = function() { ... } var f = function() { ... }

1
1-js/2-first-steps/19-recursion/1-sum-to/task.md
View file

@ -5,6 +5,7 @@
Напишите функцию `sumTo(n)`, которая для данного `n` вычисляет сумму чисел от 1 до `n`, например: Напишите функцию `sumTo(n)`, которая для данного `n` вычисляет сумму чисел от 1 до `n`, например:
```js ```js
//+ no-beautify
sumTo(1) = 1 sumTo(1) = 1
sumTo(2) = 2 + 1 = 3 sumTo(2) = 2 + 1 = 3
sumTo(3) = 3 + 2 + 1 = 6 sumTo(3) = 3 + 2 + 1 = 6

7
1-js/2-first-steps/19-recursion/3-fibonacci-numbers/solution.md
View file

@ -18,6 +18,7 @@ alert( fib(7) ); // 13
Это потому, что функция порождает обширное дерево вложенных вызовов. При этом ряд значений вычисляются много раз. Например, посмотрим на отрывок вычислений: Это потому, что функция порождает обширное дерево вложенных вызовов. При этом ряд значений вычисляются много раз. Например, посмотрим на отрывок вычислений:
```js ```js
//+ no-beautify
... ...
fib(5) = fib(4) + fib(3) fib(5) = fib(4) + fib(3)
fib(4) = fib(3) + fib(2) fib(4) = fib(3) + fib(2)
@ -35,6 +36,7 @@ fib(4) = fib(3) + fib(2)
Будем идти по формуле слева-направо: Будем идти по формуле слева-направо:
```js ```js
//+ no-beautify
var a = 1, b = 1; // начальные значения var a = 1, b = 1; // начальные значения
var c = a + b; // 2 var c = a + b; // 2
@ -47,6 +49,7 @@ a b c
Теперь следующий шаг, присвоим `a` и `b` текущие 2 числа и получим новое следующее в `c`: Теперь следующий шаг, присвоим `a` и `b` текущие 2 числа и получим новое следующее в `c`:
```js ```js
//+ no-beautify
a = b, b = c; a = b, b = c;
c = a + b; c = a + b;
@ -59,6 +62,7 @@ c = a + b;
Следующий шаг даст нам еще одно число последовательности: Следующий шаг даст нам еще одно число последовательности:
```js ```js
//+ no-beautify
a = b, b = c; a = b, b = c;
c = a + b; c = a + b;
@ -77,7 +81,8 @@ P.S. Этот подход к вычислению называется [дин
```js ```js
//+ run //+ run
function fib(n) { function fib(n) {
var a = 1, b = 1; var a = 1,
b = 1;
for (var i = 3; i <= n; i++) { for (var i = 3; i <= n; i++) {
var c = a + b; var c = a + b;
a = b; a = b;

1
1-js/2-first-steps/19-recursion/3-fibonacci-numbers/task.md
View file

@ -11,6 +11,7 @@
Напишите функцию `fib(n)`, которая возвращает `n-е` число Фибоначчи. Пример работы: Напишите функцию `fib(n)`, которая возвращает `n-е` число Фибоначчи. Пример работы:
```js ```js
//+ no-beautify
function fib(n) { /* ваш код */ } function fib(n) { /* ваш код */ }
alert( fib(3) ); // 2 alert( fib(3) ); // 2

3
1-js/2-first-steps/2-external-script/article.md
View file

@ -69,9 +69,11 @@
<!--+ run height=100 --> <!--+ run height=100 -->
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body> <body>
<p>Начинаем считать:</p> <p>Начинаем считать:</p>
@ -87,6 +89,7 @@
<p>Кролики посчитаны!</p> <p>Кролики посчитаны!</p>
</body> </body>
</html> </html>
``` ```

4
1-js/2-first-steps/20-named-function-expression/1-nfe-check/solution.md
View file

@ -1,7 +1,7 @@
**Первый код выведет `function ...`, второй -- ошибку во всех браузерах, кроме IE8-.** **Первый код выведет `function ...`, второй -- ошибку во всех браузерах, кроме IE8-.**
```js ```js
//+ run untrusted //+ run untrusted no-beautify
// обычное объявление функции (Function Declaration) // обычное объявление функции (Function Declaration)
function g() { return 1; }; function g() { return 1; };
@ -11,7 +11,7 @@ alert(g); // функция
Во втором коде скобки есть, значит функция внутри является не `Function Declaration`, а частью выражения, то есть `Named Function Expression`. Его имя видно только внутри, снаружи переменная `g` не определена. Во втором коде скобки есть, значит функция внутри является не `Function Declaration`, а частью выражения, то есть `Named Function Expression`. Его имя видно только внутри, снаружи переменная `g` не определена.
```js ```js
//+ run untrusted //+ run untrusted no-beautify
// Named Function Expression! // Named Function Expression!
(function g() { return 1; }); (function g() { return 1; });

2
1-js/2-first-steps/20-named-function-expression/1-nfe-check/task.md
View file

@ -5,6 +5,7 @@
Каков будет результат выполнения кода? Каков будет результат выполнения кода?
```js ```js
//+ no-beautify
function g() { return 1; } function g() { return 1; }
alert(g); alert(g);
@ -13,6 +14,7 @@ alert(g);
А такого? Будет ли разница, если да -- почему? А такого? Будет ли разница, если да -- почему?
```js ```js
//+ no-beautify
(function g() { return 1; }); (function g() { return 1; });
alert(g); alert(g);

3
1-js/2-first-steps/20-named-function-expression/article.md
View file

@ -15,6 +15,7 @@ var f = function (...) { /* тело функции */ };
Именованное с именем `sayHi`: Именованное с именем `sayHi`:
```js ```js
//+ no-beautify
var f = function *!*sayHi*/!*(...) { /* тело функции */ }; var f = function *!*sayHi*/!*(...) { /* тело функции */ };
``` ```
@ -91,7 +92,7 @@ alert( g(5) ); // запуск функции с новым именем - ош
Для того, чтобы функция всегда надёжно работала, объявим её как Named Function Expression: Для того, чтобы функция всегда надёжно работала, объявим её как Named Function Expression:
```js ```js
//+ run //+ run no-beautify
var f = function *!*factorial*/!*(n) { var f = function *!*factorial*/!*(n) {
return n ? n**!*factorial*/!*(n-1) : 1; return n ? n**!*factorial*/!*(n-1) : 1;
}; };

11
1-js/2-first-steps/21-javascript-specials/article.md
View file

@ -13,14 +13,14 @@
Операторы разделяются точкой с запятой: Операторы разделяются точкой с запятой:
```js ```js
//+ run //+ run no-beautify
alert('Привет'); alert('Мир'); alert('Привет'); alert('Мир');
``` ```
Как правило, перевод строки тоже подразумевает точку с запятой. Так тоже будет работать: Как правило, перевод строки тоже подразумевает точку с запятой. Так тоже будет работать:
```js ```js
//+ run //+ run no-beautify
alert('Привет') alert('Привет')
alert('Мир') alert('Мир')
``` ```
@ -28,7 +28,7 @@ alert('Мир')
...Однако, иногда JavaScript не вставляет точку с запятой. Например: ...Однако, иногда JavaScript не вставляет точку с запятой. Например:
```js ```js
//+ run //+ run no-beautify
var a = 2 var a = 2
+3 +3
@ -66,6 +66,7 @@ x = "Петя";
<li>Есть 5 "примитивных" типов и объекты: <li>Есть 5 "примитивных" типов и объекты:
```js ```js
//+ no-beautify
x = 1; // число x = 1; // число
x = "Тест"; // строка, кавычки могут быть одинарные или двойные x = "Тест"; // строка, кавычки могут быть одинарные или двойные
x = true; // булево значение true/false x = true; // булево значение true/false
@ -188,7 +189,7 @@ alert( true > 0 ); // true
Например, забавное следствие этих правил для `null`: Например, забавное следствие этих правил для `null`:
```js ```js
//+ run //+ run no-beautify
alert( null > 0 ); // false, т.к. null преобразовано к 0 alert( null > 0 ); // false, т.к. null преобразовано к 0
alert( null >= 0 ); // true, т.к. null преобразовано к 0 alert( null >= 0 ); // true, т.к. null преобразовано к 0
alert( null == 0 ); // false, в стандарте явно указано, что null равен лишь undefined alert( null == 0 ); // false, в стандарте явно указано, что null равен лишь undefined
@ -333,7 +334,7 @@ alert( sum(1, 2) ); // 3
<li>Функция без `return` считается возвращающей `undefined`. Вызов `return` без значения также возвращает `undefined`: <li>Функция без `return` считается возвращающей `undefined`. Вызов `return` без значения также возвращает `undefined`:
```js ```js
//+ run //+ run no-beautify
function f() { } function f() { }
alert( f() ); // undefined alert( f() ); // undefined
``` ```

12
1-js/2-first-steps/3-structure/article.md
View file

@ -11,14 +11,14 @@
Например, вместо одного вызова `alert` сделаем два: Например, вместо одного вызова `alert` сделаем два:
```js ```js
//+ run //+ run no-beautify
alert('Привет'); alert('Мир'); alert('Привет'); alert('Мир');
``` ```
Как правило, каждая команда пишется на отдельной строке -- так код лучше читается: Как правило, каждая команда пишется на отдельной строке -- так код лучше читается:
```js ```js
//+ run //+ run no-beautify
alert('Привет'); alert('Привет');
alert('Мир'); alert('Мир');
``` ```
@ -30,7 +30,7 @@ alert('Мир');
Так тоже будет работать: Так тоже будет работать:
```js ```js
//+ run //+ run no-beautify
alert('Привет') alert('Привет')
alert('Мир') alert('Мир')
``` ```
@ -42,7 +42,7 @@ alert('Мир')
Например, запустите этот код: Например, запустите этот код:
```js ```js
//+ run //+ run no-beautify
alert(3 + alert(3 +
1 1
+ 2); + 2);
@ -69,7 +69,7 @@ alert(3 +
Важно, что вот такой код уже работать не будет: Важно, что вот такой код уже работать не будет:
```js ```js
//+ run //+ run no-beautify
alert("Сейчас будет ошибка") alert("Сейчас будет ошибка")
[1, 2].forEach(alert) [1, 2].forEach(alert)
``` ```
@ -130,7 +130,7 @@ alert('Мир');
В этом коде будет ошибка: В этом коде будет ошибка:
```js ```js
//+ run //+ run no-beautify
/* /*
/* вложенный комментарий ?!? */ /* вложенный комментарий ?!? */
*/ */

4
1-js/2-first-steps/5-variables/article.md
View file

@ -42,6 +42,7 @@ var message = 'Hello!';
Можно даже объявить несколько переменных сразу: Можно даже объявить несколько переменных сразу:
```js ```js
//+ no-beautify
var user = 'John', age = 25, message = 'Hello'; var user = 'John', age = 25, message = 'Hello';
``` ```
@ -123,6 +124,7 @@ alert($ + _); // 3
А такие переменные были бы неправильными: А такие переменные были бы неправильными:
```js ```js
//+ no-beautify
var 1a; // начало не может быть цифрой var 1a; // начало не может быть цифрой
var my-name; // дефис '-' не является разрешенным символом var my-name; // дефис '-' не является разрешенным символом
@ -152,7 +154,7 @@ alert(имя); // "Вася"
Например, такой пример выдаст синтаксическую ошибку: Например, такой пример выдаст синтаксическую ошибку:
```js ```js
//+ run //+ run no-beautify
var return = 5; // ошибка var return = 5; // ошибка
alert(return); alert(return);
``` ```

18
1-js/2-first-steps/6-variable-names/article.md
View file

@ -10,7 +10,9 @@
Что такое это "развитие"? Это когда я вчера написал код, а сегодня (или спустя неделю) прихожу и хочу его поменять. Например, вывести сообщение не так, а эдак... Обработать товары по-другому, добавить функционал.. А где у меня там сообщение хранится? А где товар?... Что такое это "развитие"? Это когда я вчера написал код, а сегодня (или спустя неделю) прихожу и хочу его поменять. Например, вывести сообщение не так, а эдак... Обработать товары по-другому, добавить функционал.. А где у меня там сообщение хранится? А где товар?...
**Гораздо проще найти нужные данные, если они правильно помечены, то есть когда переменная названа *правильно*.** Гораздо проще найти нужные данные, если они правильно помечены, то есть когда переменная названа *правильно*.
## Правила именования
<ul> <ul>
<li>**Правило 1.** <li>**Правило 1.**
@ -81,19 +83,19 @@ var border_left_width;
</li> </li>
</ul> </ul>
Позвольте поделиться одним небольшим секретом, который позволит улучшить ваши названия переменных и сэкономит вам время. Позвольте поделиться одним небольшим секретом, который очень прост, но позволит улучшить названия переменных и сэкономит время.
Бывает так, что вы написали код, через некоторое время к нему возвращаетесь, и вам надо что-то поправить. Например, изменить какую-то рамку `border`... Бывает так, что, написав код, мы через некоторое время к нему возвращаемся, надо что-то поправить. И мы примерно помним, что переменная, в которой хранится нужное вам значение, называется... Ну, скажем, `borderLeftWidth`. Мы ищем в её в коде, не находим, но, разобравшись, обнаруживаем, что на самом деле переменная называлась вот так: `leftBorderWidth`.
...И вы помните, что переменная, в которой хранится нужное вам значение, называется примерно так: `borderLeftWidth`. Вы ищете ее в коде, не находите, разбираетесь, и обнаруживаете, что на самом деле переменная называлась вот так: `leftBorderWidth`. После чего вносите нужные правки. **Если мы ищем переменную с одним именем, а находим -- с другим, то зачастую самый лучший ход -- это *переименовать* переменную, чтобы имя было тем, которое вы искали.**
**Если вы искали переменную с одним именем, а нашли -- с другим, то самый лучший ход -- это *переименовать* переменную, чтобы имя было тем, которое вы искали.** То есть, в коде `leftBorderWidth`, а мы её переименуем на ту, которую искали: `borderLeftWidth`.
То есть, у вас в коде `leftBorderWidth`, а вы ее переименовываете на `borderLeftWidth`.
Зачем? Дело в том, что в следующий раз, когда вы захотите что-то поправить, то вы будете искать по тому же самому имени. Соответственно, это сэкономит вам время. Зачем? Дело в том, что в следующий раз, когда вы захотите что-то поправить, то вы будете искать по тому же самому имени. Соответственно, это сэкономит вам время.
Кроме того, поскольку именно это имя переменной пришло вам в голову -- скорее всего, оно больше соответствует хранимым там данным, чем то, которое вы придумали изначально. Исключения бывают, но в любом случае -- такое несовпадение -- это повод задуматься. Есть причина и поважнее. Поскольку именно это имя переменной пришло в голову -- скорее всего, оно больше соответствует хранимым там данным, чем то, которое было мы придумали изначально. Исключения бывают, но в любом случае -- такое несовпадение -- это повод задуматься.
Чтобы удобно переименовывать переменную, нужно использовать [хороший редактор JavaScript](/editors), тогда этот процесс будет очень простым и быстрым.
[smart header="Если коротко..."] [smart header="Если коротко..."]
Смысл имени переменной -- это "имя на коробке", по которому мы сможем максимально быстро находить нужные нам данные. Смысл имени переменной -- это "имя на коробке", по которому мы сможем максимально быстро находить нужные нам данные.

1
1-js/2-first-steps/7-types-intro/article.md
View file

@ -57,6 +57,7 @@ str = 'Одинарные кавычки тоже подойдут';
Как правило, такой тип используется для хранения значения типа да/нет, например: Как правило, такой тип используется для хранения значения типа да/нет, например:
```js ```js
//+ no-beautify
var checked = true; // поле формы помечено галочкой var checked = true; // поле формы помечено галочкой
checked = false; // поле формы не содержит галочки checked = false; // поле формы не содержит галочки
``` ```

2
1-js/2-first-steps/8-operators/1-increment-order/solution.md
View file

@ -1,7 +1,7 @@
# Разъяснения # Разъяснения
```js ```js
//+ run //+ run no-beautify
var a = 1, b = 1, c, d; var a = 1, b = 1, c, d;
// префиксная форма сначала увеличивает a до 2, а потом возвращает // префиксная форма сначала увеличивает a до 2, а потом возвращает

2
1-js/2-first-steps/8-operators/1-increment-order/task.md
View file

@ -5,7 +5,7 @@
Посмотрите, понятно ли вам, почему код ниже работает именно так? Посмотрите, понятно ли вам, почему код ниже работает именно так?
```js ```js
//+ run //+ run no-beautify
var a = 1, b = 1, c, d; var a = 1, b = 1, c, d;
c = ++a; alert(c); // 2 c = ++a; alert(c); // 2

6
1-js/2-first-steps/8-operators/article.md
View file

@ -31,7 +31,7 @@ alert( x ); // -1, применили унарный минус
<li>*Бинарным* называется оператор, который применяется к двум операндам. Тот же минус существует и в бинарной форме: <li>*Бинарным* называется оператор, который применяется к двум операндам. Тот же минус существует и в бинарной форме:
```js ```js
//+ run //+ run no-beautify
var x = 1, y = 3; var x = 1, y = 3;
alert( y - x ); // 2, бинарный минус alert( y - x ); // 2, бинарный минус
``` ```
@ -223,7 +223,7 @@ alert(6 % 3); // 0, остаток от деления 6 на 3
<li>**Инкремент** `++` увеличивает на 1: <li>**Инкремент** `++` увеличивает на 1:
```js ```js
//+ run //+ run no-beautify
var i = 2; var i = 2;
i++; // более короткая запись для i = i + 1. i++; // более короткая запись для i = i + 1.
alert(i); // 3 alert(i); // 3
@ -233,7 +233,7 @@ alert(i); // 3
<li>**Декремент** `--` уменьшает на 1: <li>**Декремент** `--` уменьшает на 1:
```js ```js
//+ run //+ run no-beautify
var i = 2; var i = 2;
i--; // более короткая запись для i = i - 1. i--; // более короткая запись для i = i - 1.
alert(i); // 1 alert(i); // 1

1
1-js/3-writing-js/2-coding-style/1-style-errors/solution.md
View file

@ -3,6 +3,7 @@
Вы могли заметить следующие недостатки, сверху-вниз: Вы могли заметить следующие недостатки, сверху-вниз:
```js ```js
//+ no-beautify
function pow(x,n) // <- отсутствует пробел между аргументами function pow(x,n) // <- отсутствует пробел между аргументами
{ // <- фигурная скобка на отдельной строке { // <- фигурная скобка на отдельной строке
var result=1; // <- нет пробелов вокруг знака = var result=1; // <- нет пробелов вокруг знака =

1
1-js/3-writing-js/2-coding-style/1-style-errors/task.md
View file

@ -5,6 +5,7 @@
Какие недостатки вы видите в стиле этого примера? Какие недостатки вы видите в стиле этого примера?
```js ```js
//+ no-beautify
function pow(x,n) function pow(x,n)
{ {
var result=1; var result=1;

6
1-js/3-writing-js/2-coding-style/article.md
View file

@ -41,6 +41,7 @@ if (n < 0) {
<!-- <!--
```js ```js
//+ no-beautify
if (n < 0) {alert('Степень ' + n + ' не поддерживается');} if (n < 0) {alert('Степень ' + n + ' не поддерживается');}
@ -79,6 +80,7 @@ if (n < 0) {
Например, выровнять аргументы относительно открывающей скобки: Например, выровнять аргументы относительно открывающей скобки:
```js ```js
//+ no-beautify
show("Строки" + show("Строки" +
" выровнены" + " выровнены" +
" строго" + " строго" +
@ -99,7 +101,6 @@ function pow(x, n) {
// <-- // <--
return result; return result;
} }
``` ```
Вставляйте дополнительный перевод строки туда, где это сделает код более читаемым. Не должно быть более 9 строк кода подряд без вертикального отступа. Вставляйте дополнительный перевод строки туда, где это сделает код более читаемым. Не должно быть более 9 строк кода подряд без вертикального отступа.
@ -209,8 +210,7 @@ function isEven(n) { // проверка чётности
```js ```js
function showPrimes(n) { function showPrimes(n) {
nextPrime: nextPrime: for (var i = 2; i < n; i++) {
for (var i=2; i<n; i++) {
for (var j = 2; j < i; j++) { for (var j = 2; j < i; j++) {
if (i % j == 0) continue nextPrime; if (i % j == 0) continue nextPrime;

1
1-js/3-writing-js/4-testing/2-pow-test-0/solution.md
View file

@ -29,6 +29,7 @@ describe("любое число, кроме нуля, в степени 0 рав
И не забудем добавить отдельный тест для нуля: И не забудем добавить отдельный тест для нуля:
```js ```js
//+ no-beautify
... ...
it("ноль в нулевой степени даёт NaN", function() { it("ноль в нулевой степени даёт NaN", function() {
assert( isNaN(pow(0,0), "0 в степени 0 не NaN"); assert( isNaN(pow(0,0), "0 в степени 0 не NaN");

1
1-js/3-writing-js/4-testing/article.md
View file

@ -279,6 +279,7 @@ describe("pow", function() {
Например: Например:
```js ```js
//+ no-beautify
describe("Тест", function() { describe("Тест", function() {
before(function() { alert("Начало тестов"); }); before(function() { alert("Начало тестов"); });

2
1-js/4-data-structures/1-properties-and-methods/article.md
View file

@ -94,7 +94,7 @@ alert( 12.34.toFixed(1) ); // 12.3
...Но если число целое, то будет проблема: ...Но если число целое, то будет проблема:
```js ```js
//+ run //+ run no-beautify
alert(12.toFixed(1)); // ошибка! alert(12.toFixed(1)); // ошибка!
``` ```

2
1-js/4-data-structures/10-arguments-pseudoarray/article.md
View file

@ -6,7 +6,7 @@
Например: Например:
```js ```js
//+ run //+ run no-beautify
function go(a,b) { function go(a,b) {
alert("a="+a+", b="+b); alert("a="+a+", b="+b);
} }

1
1-js/4-data-structures/11-datetime/2-get-week-day/task.md
View file

@ -7,6 +7,7 @@
Например: Например:
```js ```js
//+ no-beautify
var date = new Date(2012,0,3); // 3 января 2012 var date = new Date(2012,0,3); // 3 января 2012
alert( getWeekDay(date) ); // Должно вывести 'вт' alert( getWeekDay(date) ); // Должно вывести 'вт'
``` ```

1
1-js/4-data-structures/11-datetime/3-weekday/task.md
View file

@ -7,6 +7,7 @@
День нужно возвратить в европейской нумерации, т.е. понедельник имеет номер 1, вторник номер 2, ..., воскресенье - номер 7. День нужно возвратить в европейской нумерации, т.е. понедельник имеет номер 1, вторник номер 2, ..., воскресенье - номер 7.
```js ```js
//+ no-beautify
var date = new Date(2012, 0, 3); // 3 янв 2012 var date = new Date(2012, 0, 3); // 3 янв 2012
alert( getLocalDay(date) ); // вторник, выведет 2 alert( getLocalDay(date) ); // вторник, выведет 2
``` ```

30
1-js/4-data-structures/11-datetime/article.md
View file

@ -261,8 +261,13 @@ function walkLength(arr) {
var arr = []; var arr = [];
for (var i = 0; i < 1000; i++) arr[i] = 0; for (var i = 0; i < 1000; i++) arr[i] = 0;
function walkIn(arr) { for(var key in arr) arr[i]++; } function walkIn(arr) {
function walkLength(arr) { for(var i=0; i<arr.length; i++) arr[i]++; } for (var key in arr) arr[i]++;
}
function walkLength(arr) {
for (var i = 0; i < arr.length; i++) arr[i]++;
}
function bench(f) { function bench(f) {
var date = new Date(); var date = new Date();
@ -283,8 +288,13 @@ alert('Время walkLength: ' + bench(walkLength) + 'мс');
var arr = []; var arr = [];
for (var i = 0; i < 1000; i++) arr[i] = 0; for (var i = 0; i < 1000; i++) arr[i] = 0;
function walkIn(arr) { for(var key in arr) arr[i]++; } function walkIn(arr) {
function walkLength(arr) { for(var i=0; i<arr.length; i++) arr[i]++; } for (var key in arr) arr[i]++;
}
function walkLength(arr) {
for (var i = 0; i < arr.length; i++) arr[i]++;
}
function bench(f) { function bench(f) {
var date = new Date(); var date = new Date();
@ -294,7 +304,8 @@ function bench(f) {
*!* *!*
// bench для каждого теста запустим много раз, чередуя // bench для каждого теста запустим много раз, чередуя
var timeIn = 0, timeLength = 0; var timeIn = 0,
timeLength = 0;
for (var i = 0; i < 100; i++) { for (var i = 0; i < 100; i++) {
timeIn += bench(walkIn); timeIn += bench(walkIn);
timeLength += bench(walkLength); timeLength += bench(walkLength);
@ -330,8 +341,13 @@ alert('Время walkLength: ' +timeLength + 'мс');
var arr = []; var arr = [];
for (var i = 0; i < 1000; i++) arr[i] = 0; for (var i = 0; i < 1000; i++) arr[i] = 0;
function walkIn(arr) { for(var key in arr) arr[i]++; } function walkIn(arr) {
function walkLength(arr) { for(var i=0; i<arr.length; i++) arr[i]++; } for (var key in arr) arr[i]++;
}
function walkLength(arr) {
for (var i = 0; i < arr.length; i++) arr[i]++;
}
function bench(f) { function bench(f) {
for (var i = 0; i < 10000; i++) f(arr); for (var i = 0; i < 10000; i++) f(arr);

2
1-js/4-data-structures/2-number/3-sum-prices/solution.md
View file

@ -4,7 +4,7 @@
<li>При операциях, когда необходимо получить окончательный результат -- округлять до 2го знака после запятой. Все, что дальше -- ошибка округления: <li>При операциях, когда необходимо получить окончательный результат -- округлять до 2го знака после запятой. Все, что дальше -- ошибка округления:
```js ```js
//+ run //+ run no-beautify
var price1 = 0.1, price2 = 0.2; var price1 = 0.1, price2 = 0.2;
alert( +(price1 + price2).toFixed(2) ); alert( +(price1 + price2).toFixed(2) );
``` ```

4
1-js/4-data-structures/2-number/6-formula-binet/solution.md
View file

@ -9,7 +9,9 @@ function fibBinet(n) {
} }
function fib(n) { function fib(n) {
var a=1, b=0, x; var a = 1,
b = 0,
x;
for (i = 0; i < n; i++) { for (i = 0; i < n; i++) {
x = a + b; x = a + b;
a = b a = b

4
1-js/4-data-structures/2-number/6-formula-binet/task.md
View file

@ -10,7 +10,9 @@
```js ```js
function fib(n) { function fib(n) {
var a=1, b=0, x; var a = 1,
b = 0,
x;
for (i = 0; i < n; i++) { for (i = 0; i < n; i++) {
x = a + b; x = a + b;
a = b a = b

3
1-js/4-data-structures/2-number/8-random-min-max/solution.md
View file

@ -2,7 +2,8 @@
```js ```js
//+ run //+ run
var min=5, max = 10; var min = 5,
max = 10;
alert( min + Math.random() * (max - min) ); alert( min + Math.random() * (max - min) );
``` ```

2
1-js/4-data-structures/2-number/9-random-int-min-max/solution.md
View file

@ -20,6 +20,7 @@ alert( randomInteger(1, 3) );
Это происходит из-за того, что `Math.round()` получает разнообразные случайные числа из интервала от `1` до `3`, но при округлении до ближайшего целого получится, что: Это происходит из-за того, что `Math.round()` получает разнообразные случайные числа из интервала от `1` до `3`, но при округлении до ближайшего целого получится, что:
```js ```js
//+ no-beautify
значения из диапазона 1 ... 1.49999.. станут 1 значения из диапазона 1 ... 1.49999.. станут 1
значения из диапазона 1.5 ... 2.49999.. станут 2 значения из диапазона 1.5 ... 2.49999.. станут 2
значения из диапазона 2.5 ... 2.99999.. станут 3 значения из диапазона 2.5 ... 2.99999.. станут 3
@ -55,6 +56,7 @@ alert( randomInteger(5, 10) );
Тогда `Math.floor()` округлит их так: Тогда `Math.floor()` округлит их так:
```js ```js
//+ no-beautify
1 ... 1.999+ станет 1 1 ... 1.999+ станет 1
2 ... 2.999+ станет 2 2 ... 2.999+ станет 2
3 ... 3.999+ станет 3 3 ... 3.999+ станет 3

2
1-js/4-data-structures/2-number/article.md
View file

@ -349,7 +349,7 @@ alert( n.toString(36) ); // kf12oi
</dl> </dl>
```js ```js
//+ run //+ run no-beautify
alert( Math.floor(3.1) ); // 3 alert( Math.floor(3.1) ); // 3
alert( Math.ceil(3.1) ); // 4 alert( Math.ceil(3.1) ); // 4
alert( Math.round(3.1) ); // 3 alert( Math.round(3.1) ); // 3

10
1-js/4-data-structures/4-object/article.md
View file

@ -106,7 +106,9 @@ alert(person.lalala); // undefined, нет свойства с ключом lala
```js ```js
//+ run //+ run
var person = { name: "Василий" }; var person = {
name: "Василий"
};
alert( person.lalala === undefined ); // true, свойства нет alert( person.lalala === undefined ); // true, свойства нет
alert( person.name === undefined ); // false, свойство есть. alert( person.name === undefined ); // false, свойство есть.
@ -185,7 +187,9 @@ person.любимый стиль музыки = 'Джаз'; // ??? ошибка
```js ```js
//+ run //+ run
var person = { age: 25 }; var person = {
age: 25
};
var key = 'age'; var key = 'age';
alert( person[key] ); // выведет person['age'] alert( person[key] ); // выведет person['age']
@ -275,6 +279,7 @@ var user = {
Например, есть много объектов с полями `name` и `age`: Например, есть много объектов с полями `name` и `age`:
```js ```js
//+ no-beautify
{name: "Вася", age: 25} {name: "Вася", age: 25}
{name: "Петя", age: 22} {name: "Петя", age: 22}
{name: "Маша", age: 19} {name: "Маша", age: 19}
@ -284,6 +289,7 @@ var user = {
Для их эффективного хранения будет создана структура, которая описывает данный вид объектов. Выглядеть она будет примерно так: `<string name, number age>`. А сами объекты будут представлены в памяти только данными: Для их эффективного хранения будет создана структура, которая описывает данный вид объектов. Выглядеть она будет примерно так: `<string name, number age>`. А сами объекты будут представлены в памяти только данными:
```js ```js
//+ no-beautify
<структура: string name, number age> <структура: string name, number age>
Вася 25 Вася 25
Петя 22 Петя 22

5
1-js/4-data-structures/6-object-reference/article.md
View file

@ -26,7 +26,9 @@ var phrase = message;
Вот как выглядит переменная, которой присвоен объект: Вот как выглядит переменная, которой присвоен объект:
```js ```js
var user = { name: "Вася" }; var user = {
name: "Вася"
};
``` ```
<img src="variable-contains-reference.svg"> <img src="variable-contains-reference.svg">
@ -38,6 +40,7 @@ var user = { name: "Вася" };
Например: Например:
```js ```js
//+ no-beautify
var user = { name: "Вася" }; // в переменной - ссылка var user = { name: "Вася" }; // в переменной - ссылка
var admin = user; // скопировали ссылку var admin = user; // скопировали ссылку

4
1-js/4-data-structures/7-array/10-maximal-subarray/solution.md
View file

@ -4,6 +4,7 @@
Например, для `[-1, 2, 3, -9, 11]`: Например, для `[-1, 2, 3, -9, 11]`:
```js ```js
//+ no-beautify
// Начиная с -1: // Начиная с -1:
-1 -1
-1 + 2 -1 + 2
@ -76,7 +77,8 @@ alert( getMaxSubSum([100, -9, 2, -3, 5]) ); // 100
```js ```js
//+ run //+ run
function getMaxSubSum(arr) { function getMaxSubSum(arr) {
var maxSum = 0, partialSum = 0; var maxSum = 0,
partialSum = 0;
for (var i = 0; i < arr.length; i++) { for (var i = 0; i < arr.length; i++) {
partialSum += arr[i]; partialSum += arr[i];
maxSum = Math.max(maxSum, partialSum); maxSum = Math.max(maxSum, partialSum);

1
1-js/4-data-structures/7-array/3-create-array/task.md
View file

@ -14,6 +14,7 @@
Массив в результате каждого шага: Массив в результате каждого шага:
```js ```js
//+ no-beautify
Джаз, Блюз Джаз, Блюз
Джаз, Блюз, Рок-н-Ролл Джаз, Блюз, Рок-н-Ролл
Джаз, Классика, Рок-н-Ролл Джаз, Классика, Рок-н-Ролл

2
1-js/4-data-structures/7-array/article.md
View file

@ -72,7 +72,7 @@ alert(fruits); // Яблоко,Апельсин,Груша
В том числе, строки, числа, объекты, вот например: В том числе, строки, числа, объекты, вот например:
```js ```js
//+ run //+ run no-beautify
// микс значений // микс значений
var arr = [ 1, 'Имя', { name: 'Петя' }, true ]; var arr = [ 1, 'Имя', { name: 'Петя' }, true ];

4
1-js/4-data-structures/8-array-methods/1-add-class/solution.md
View file

@ -15,7 +15,9 @@ function addClass(obj, cls) {
obj.className = classes.join(' '); // и обновить свойство obj.className = classes.join(' '); // и обновить свойство
} }
var obj = { className: 'open menu' }; var obj = {
className: 'open menu'
};
addClass(obj, 'new'); addClass(obj, 'new');
addClass(obj, 'open'); addClass(obj, 'open');

6
1-js/4-data-structures/8-array-methods/11-array-unique/solution.md
View file

@ -23,7 +23,8 @@ function unique(arr) {
} }
var strings = ["кришна", "кришна", "харе", "харе", var strings = ["кришна", "кришна", "харе", "харе",
"харе", "харе", "кришна", "кришна", "8-()"]; "харе", "харе", "кришна", "кришна", "8-()"
];
alert( unique(strings) ); // кришна, харе, 8-() alert( unique(strings) ); // кришна, харе, 8-()
``` ```
@ -73,7 +74,8 @@ function unique(arr) {
} }
var strings = ["кришна", "кришна", "харе", "харе", var strings = ["кришна", "кришна", "харе", "харе",
"харе", "харе", "кришна", "кришна", "8-()"]; "харе", "харе", "кришна", "кришна", "8-()"
];
alert( unique(strings) ); // кришна, харе, 8-() alert( unique(strings) ); // кришна, харе, 8-()
``` ```

3
1-js/4-data-structures/8-array-methods/11-array-unique/task.md
View file

@ -14,7 +14,8 @@ function unique(arr) {
} }
var strings = ["кришна", "кришна", "харе", "харе", var strings = ["кришна", "кришна", "харе", "харе",
"харе", "харе", "кришна", "кришна", "8-()"]; "харе", "харе", "кришна", "кришна", "8-()"
];
alert( unique(strings) ); // кришна, харе, 8-() alert( unique(strings) ); // кришна, харе, 8-()
``` ```

4
1-js/4-data-structures/8-array-methods/3-remove-class/solution.md
View file

@ -17,7 +17,9 @@ function removeClass(obj, cls) {
} }
var obj = { className: 'open menu menu' } var obj = {
className: 'open menu menu'
}
removeClass(obj, 'blabla'); removeClass(obj, 'blabla');
removeClass(obj, 'menu') removeClass(obj, 'menu')

4
1-js/4-data-structures/8-array-methods/3-remove-class/task.md
View file

@ -20,7 +20,9 @@ removeClass(obj, 'blabla'); // без изменений (нет такого к
P.S. Дополнительное усложнение. Функция должна корректно обрабатывать дублирование класса в строке: P.S. Дополнительное усложнение. Функция должна корректно обрабатывать дублирование класса в строке:
```js ```js
obj = { className: 'my menu menu' }; obj = {
className: 'my menu menu'
};
removeClass(obj, 'menu'); removeClass(obj, 'menu');
alert( obj.className ); // 'my' alert( obj.className ); // 'my'
``` ```

2
1-js/4-data-structures/8-array-methods/8-sort-objects/solution.md
View file

@ -1,7 +1,7 @@
Для сортировки объявим и передадим в `sort` анонимную функцию, которая сравнивает объекты по полю `age`: Для сортировки объявим и передадим в `sort` анонимную функцию, которая сравнивает объекты по полю `age`:
```js ```js
//+ run //+ run no-beautify
*!* *!*
// Наша функция сравнения // Наша функция сравнения
function compareAge(personA, personB) { function compareAge(personA, personB) {

1
1-js/4-data-structures/8-array-methods/8-sort-objects/task.md
View file

@ -7,6 +7,7 @@
Например: Например:
```js ```js
//+ no-beautify
var vasya = { name: "Вася", age: 23 }; var vasya = { name: "Вася", age: 23 };
var masha = { name: "Маша", age: 18 }; var masha = { name: "Маша", age: 18 };
var vovochka = { name: "Вовочка", age: 6 }; var vovochka = { name: "Вовочка", age: 6 };

48
1-js/4-data-structures/8-array-methods/9-output-single-linked-list/solution.md
View file

@ -3,10 +3,14 @@
```js ```js
//+ run //+ run
var list = { var list = {
value: 1, next: { value: 1,
value: 2, next: { next: {
value: 3, next: { value: 2,
value: 4, next: null next: {
value: 3,
next: {
value: 4,
next: null
} }
} }
} }
@ -49,10 +53,14 @@ function printList(list) {
```js ```js
//+ run //+ run
var list = { var list = {
value: 1, next: { value: 1,
value: 2, next: { next: {
value: 3, next: { value: 2,
value: 4, next: null next: {
value: 3,
next: {
value: 4,
next: null
} }
} }
} }
@ -78,10 +86,14 @@ printList(list);
```js ```js
//+ run //+ run
var list = { var list = {
value: 1, next: { value: 1,
value: 2, next: { next: {
value: 3, next: { value: 2,
value: 4, next: null next: {
value: 3,
next: {
value: 4,
next: null
} }
} }
} }
@ -104,10 +116,14 @@ printReverseList(list);
```js ```js
//+ run //+ run
var list = { var list = {
value: 1, next: { value: 1,
value: 2, next: { next: {
value: 3, next: { value: 2,
value: 4, next: null next: {
value: 3,
next: {
value: 4,
next: null
} }
} }
} }

1
1-js/4-data-structures/8-array-methods/9-output-single-linked-list/task.md
View file

@ -28,6 +28,7 @@ var list = {
Альтернативный способ создания: Альтернативный способ создания:
```js ```js
//+ no-beautify
var list = { value: 1 }; var list = { value: 1 };
list.next = { value: 2 }; list.next = { value: 2 };
list.next.next = { value: 3 }; list.next.next = { value: 3 };

1
1-js/4-data-structures/9-array-iteration/2-partial-sums-array/task.md
View file

@ -11,6 +11,7 @@
То есть: То есть:
```js ```js
//+ no-beautify
для arr = [ 1, 2, 3, 4, 5 ] для arr = [ 1, 2, 3, 4, 5 ]
getSums( arr ) = [ 1, 1+2, 1+2+3, 1+2+3+4, 1+2+3+4+5 ] = [ 1, 3, 6, 10, 15 ] getSums( arr ) = [ 1, 1+2, 1+2+3, 1+2+3+4, 1+2+3+4+5 ] = [ 1, 3, 6, 10, 15 ]
``` ```

8
1-js/4-data-structures/9-array-iteration/article.md
View file

@ -132,7 +132,9 @@ var arr = [1, 2, 3, 4, 5]
// для каждого элемента массива запустить функцию, // для каждого элемента массива запустить функцию,
// промежуточный результат передавать первым аргументом далее // промежуточный результат передавать первым аргументом далее
var result = arr.reduce(function(sum, current) { return sum + current; }, 0); var result = arr.reduce(function(sum, current) {
return sum + current;
}, 0);
alert( result ); // 15 alert( result ); // 15
``` ```
@ -203,7 +205,9 @@ alert(result); // 15
var arr = [1, 2, 3, 4, 5] var arr = [1, 2, 3, 4, 5]
// убрали 0 в конце // убрали 0 в конце
var result = arr.reduce(function(sum, current) { return sum + current }); var result = arr.reduce(function(sum, current) {
return sum + current
});
alert( result ); // 15 alert( result ); // 15
``` ```

1
1-js/5-functions-closures/2-closures/1-say-phrase-first/solution.md
View file

@ -2,7 +2,6 @@
```js ```js
//+ run //+ run
*!* *!*
say('Вася'); // Что выведет? Не будет ли ошибки? say('Вася'); // Что выведет? Не будет ли ошибки?
*/!* */!*

1
1-js/5-functions-closures/2-closures/1-say-phrase-first/task.md
View file

@ -5,7 +5,6 @@
Что будет, если вызов `sayHi('Вася');` стоит в самом-самом начале, в первой строке кода? Что будет, если вызов `sayHi('Вася');` стоит в самом-самом начале, в первой строке кода?
```js ```js
*!* *!*
say('Вася'); // Что выведет? Не будет ли ошибки? say('Вася'); // Что выведет? Не будет ли ошибки?
*/!* */!*

6
1-js/5-functions-closures/2-closures/4-call-inplace/solution.md
View file

@ -1,7 +1,7 @@
Результат - **ошибка**. Попробуйте: Результат - **ошибка**. Попробуйте:
```js ```js
//+ run //+ run no-beautify
var a = 5 var a = 5
(function() { (function() {
@ -14,7 +14,7 @@ var a = 5
JavaScript воспринимает этот код как если бы перевода строки не было: JavaScript воспринимает этот код как если бы перевода строки не было:
```js ```js
//+ run //+ run no-beautify
var a = 5(function() { var a = 5(function() {
alert(a) alert(a)
})() })()
@ -25,7 +25,7 @@ var a = 5(function() {
Если точку с запятой поставить, все будет хорошо: Если точку с запятой поставить, все будет хорошо:
```js ```js
//+ run //+ run no-beautify
var a = 5; var a = 5;
(function() { (function() {

1
1-js/5-functions-closures/2-closures/4-call-inplace/task.md
View file

@ -5,6 +5,7 @@
Каков будет результат выполнения кода? Почему? Каков будет результат выполнения кода? Почему?
```js ```js
//+ no-beautify
var a = 5 var a = 5
(function() { (function() {

4
1-js/5-functions-closures/2-closures/article.md
View file

@ -95,6 +95,7 @@ function sayHi() {
В примере выше таким окружением является `window`, так что создаётся свойство: В примере выше таким окружением является `window`, так что создаётся свойство:
```js ```js
//+ no-beautify
sayHi.[[Scope]] = window sayHi.[[Scope]] = window
``` ```
@ -122,7 +123,7 @@ sayHi.[[Scope]] = window
Например, в коде ниже функция `sayHi` берёт `phrase` из внешней области: Например, в коде ниже функция `sayHi` берёт `phrase` из внешней области:
```js ```js
//+ run //+ run no-beautify
var phrase = 'Привет'; var phrase = 'Привет';
@ -175,6 +176,7 @@ sayHiBye("Вася", "Пупкин"); // Привет, Вася Пупкин ;
Вложенные функции получают `[[Scope]]` так же, как и глобальные. В нашем случае: Вложенные функции получают `[[Scope]]` так же, как и глобальные. В нашем случае:
```js ```js
//+ no-beautify
getFullName.[[Scope]] = объект переменных текущего запуска sayHiBye getFullName.[[Scope]] = объект переменных текущего запуска sayHiBye
``` ```

2
1-js/5-functions-closures/3-scope-new-function/article.md
View file

@ -73,7 +73,7 @@ getFunc()(); // *!*2*/!*, из LexicalEnvironment функции getFunc
Ну а если внутри функции, создаваемой через `new Function`, всё же нужно использовать какие-то данные -- без проблем, нужно всего лишь предусмотреть соответствующие параметры и передавать их явным образом, например так: Ну а если внутри функции, создаваемой через `new Function`, всё же нужно использовать какие-то данные -- без проблем, нужно всего лишь предусмотреть соответствующие параметры и передавать их явным образом, например так:
```js ```js
//+ run untrusted refresh //+ run untrusted refresh no-beautify
*!* *!*
var sum = new Function('a, b', ' return a + b; '); var sum = new Function('a, b', ' return a + b; ');
*/!* */!*

4
1-js/5-functions-closures/4-closures-usage/2-stringbuffer/solution.md
View file

@ -22,7 +22,9 @@ buffer(' Нужно!');
alert( buffer() ); // 'Замыкания Использовать Нужно!' alert( buffer() ); // 'Замыкания Использовать Нужно!'
var buffer2 = makeBuffer(); var buffer2 = makeBuffer();
buffer2(0); buffer2(1); buffer2(0); buffer2(0);
buffer2(1);
buffer2(0);
alert( buffer2() ); // '010' alert( buffer2() ); // '010'
``` ```

4
1-js/5-functions-closures/4-closures-usage/2-stringbuffer/task.md
View file

@ -35,7 +35,9 @@ alert( buffer() ); // Замыкания Использовать Нужно!
```js ```js
var buffer = makeBuffer(); var buffer = makeBuffer();
buffer(0); buffer(1); buffer(0); buffer(0);
buffer(1);
buffer(0);
alert( buffer() ); // '010' alert( buffer() ); // '010'
``` ```

26
1-js/5-functions-closures/4-closures-usage/4-sort-by-field/solution.md
View file

@ -2,11 +2,19 @@
```js ```js
//+ run //+ run
var users = [ var users = [{
{ name: "Вася", surname: 'Иванов', age: 20 }, name: "Вася",
{ name: "Петя", surname: 'Чапаев', age: 25 }, surname: 'Иванов',
{ name: "Маша", surname: 'Медведева', age: 18 } age: 20
]; }, {
name: "Петя",
surname: 'Чапаев',
age: 25
}, {
name: "Маша",
surname: 'Медведева',
age: 18
}];
*!* *!*
function byField(field) { function byField(field) {
@ -17,9 +25,13 @@ function byField(field) {
*/!* */!*
users.sort(byField('name')); users.sort(byField('name'));
users.forEach(function(user) { alert(user.name); }); users.forEach(function(user) {
alert( user.name );
});
users.sort(byField('age')); users.sort(byField('age'));
users.forEach(function(user) { alert(user.name); }); users.forEach(function(user) {
alert( user.name );
});
``` ```

26
1-js/5-functions-closures/4-closures-usage/4-sort-by-field/task.md
View file

@ -5,11 +5,19 @@
У нас есть массив объектов: У нас есть массив объектов:
```js ```js
var users = [ var users = [{
{ name: "Вася", surname: 'Иванов', age: 20 }, name: "Вася",
{ name: "Петя", surname: 'Чапаев', age: 25 }, surname: 'Иванов',
{ name: "Маша", surname: 'Медведева', age: 18 } age: 20
]; }, {
name: "Петя",
surname: 'Чапаев',
age: 25
}, {
name: "Маша",
surname: 'Медведева',
age: 18
}];
``` ```
Обычно сортировка по нужному полю происходит так: Обычно сортировка по нужному полю происходит так:
@ -30,10 +38,14 @@ users.sort(function(a, b) {
```js ```js
users.sort(byField('name')); users.sort(byField('name'));
users.forEach(function(user) { alert(user.name); }); // Вася, Маша, Петя users.forEach(function(user) {
alert( user.name );
}); // Вася, Маша, Петя
users.sort(byField('age')); users.sort(byField('age'));
users.forEach(function(user) { alert(user.name); }); // Маша, Вася, Петя users.forEach(function(user) {
alert( user.name );
}); // Маша, Вася, Петя
``` ```
То есть, вместо того, чтобы каждый раз писать в `sort` `function...` -- будем использовать `byField(...)` То есть, вместо того, чтобы каждый раз писать в `sort` `function...` -- будем использовать `byField(...)`

4
1-js/5-functions-closures/4-closures-usage/5-filter-through-function/solution.md
View file

@ -17,7 +17,9 @@ function filter(arr, func) {
var arr = [1, 2, 3, 4, 5, 6, 7]; var arr = [1, 2, 3, 4, 5, 6, 7];
alert( filter(arr, function(a) { return a % 2 == 0; }) ); // 2, 4, 6 alert(filter(arr, function(a) {
return a % 2 == 0;
})); // 2, 4, 6
``` ```
# Фильтр inBetween # Фильтр inBetween

4
1-js/5-functions-closures/4-closures-usage/5-filter-through-function/task.md
View file

@ -18,7 +18,9 @@
/* .. ваш код для filter, inBetween, inArray */ /* .. ваш код для filter, inBetween, inArray */
var arr = [1, 2, 3, 4, 5, 6, 7]; var arr = [1, 2, 3, 4, 5, 6, 7];
alert( filter(arr, function(a) { return a % 2 == 0 }) ); // 2,4,6 alert(filter(arr, function(a) {
return a % 2 == 0
})); // 2,4,6
alert( filter(arr, inBetween(3, 6)) ); // 3,4,5,6 alert( filter(arr, inBetween(3, 6)) ); // 3,4,5,6

1
1-js/5-functions-closures/4-closures-usage/6-make-army/solution.md
View file

@ -13,6 +13,7 @@ var shooters = [];
При этом каждый элемент массива -- это функция, так что в итоге после цикла массив будет таким: При этом каждый элемент массива -- это функция, так что в итоге после цикла массив будет таким:
```js ```js
//+ no-beautify
shooters = [ shooters = [
function () { alert(i); }, function () { alert(i); },
function () { alert(i); }, function () { alert(i); },

17
1-js/5-functions-closures/5-closures-module/article.md
View file

@ -140,7 +140,7 @@ function work() {
Можно показать это другим способом, например поставив перед функцией оператор: Можно показать это другим способом, например поставив перед функцией оператор:
```js ```js
//+ run //+ run no-beautify
+function() { +function() {
alert('Вызов на месте'); alert('Вызов на месте');
}(); }();
@ -178,10 +178,15 @@ function work() {
<p>Функция <code>_.defaults()</code> добавляет отсутствующие свойства.</p> <p>Функция <code>_.defaults()</code> добавляет отсутствующие свойства.</p>
<script> <script>
var user = { name: 'Вася' }; var user = {
name: 'Вася'
};
*!* *!*
_.defaults(user, { name: 'Не указано', employer: 'Не указан' }); _.defaults(user, {
name: 'Не указано',
employer: 'Не указан'
});
*/!* */!*
alert( user.name ); // Вася alert( user.name ); // Вася
@ -196,7 +201,7 @@ alert(_.size(user)); // 2
Вот выдержка из исходного файла: Вот выдержка из исходного файла:
```js ```js
//+ run //+ run no-beautify
;(function() { ;(function() {
*!* *!*
@ -255,6 +260,7 @@ var a = 5
Второй файл `lib.js`: Второй файл `lib.js`:
```js ```js
//+ no-beautify
(function() { (function() {
// без точки с запятой в начале // без точки с запятой в начале
})() })()
@ -263,7 +269,7 @@ var a = 5
После объединения в один файл: После объединения в один файл:
```js ```js
//+ run //+ run no-beautify
*!* *!*
var a = 5 var a = 5
*/!* */!*
@ -285,6 +291,7 @@ var a = 5
Можно оформить модуль и чуть по-другому, например передать значение через `return`: Можно оформить модуль и чуть по-другому, например передать значение через `return`:
```js ```js
//+ no-beautify
var lodash = (function() { var lodash = (function() {
var version; var version;

10
1-js/5-functions-closures/6-memory-management/article.md
View file

@ -41,7 +41,9 @@
Например, была создана ссылка в переменной, и эту переменную тут же перезаписали: Например, была создана ссылка в переменной, и эту переменную тут же перезаписали:
```js ```js
var user = { name: "Вася" }; var user = {
name: "Вася"
};
user = null; user = null;
``` ```
@ -87,7 +89,11 @@ function marry(man, woman) {
} }
} }
var family = marry({ name: "Василий" }, { name: "Мария"}); var family = marry({
name: "Василий"
}, {
name: "Мария"
});
``` ```
Функция `marry` принимает два объекта, даёт им ссылки друг на друга и возвращает третий, содержащий ссылки на оба. Функция `marry` принимает два объекта, даёт им ссылки друг на друга и возвращает третий, содержащий ссылки на оба.

8
1-js/5-functions-closures/7-with/1-with-function/solution.md
View file

@ -4,10 +4,14 @@
```js ```js
//+ run //+ run
function f() { alert(1) } function f() {
alert(1)
}
var obj = { var obj = {
f: function() { alert(2) } f: function() {
alert(2)
}
}; };
with(obj) { with(obj) {

8
1-js/5-functions-closures/7-with/1-with-function/task.md
View file

@ -5,10 +5,14 @@
Какая из функций будет вызвана? Какая из функций будет вызвана?
```js ```js
function f() { alert(1) } function f() {
alert(1)
}
var obj = { var obj = {
f: function() { alert(2) } f: function() {
alert(2)
}
}; };
with(obj) { with(obj) {

4
1-js/5-functions-closures/7-with/2-with-variables/solution.md
View file

@ -11,7 +11,9 @@ var a = 1;
var b; var b;
*/!* */!*
var obj = { b: 2 } var obj = {
b: 2
}
with(obj) { with(obj) {
alert( a + b ); alert( a + b );

4
1-js/5-functions-closures/7-with/2-with-variables/task.md
View file

@ -7,7 +7,9 @@
```js ```js
var a = 1; var a = 1;
var obj = { b: 2 }; var obj = {
b: 2
};
with(obj) { with(obj) {
var b; var b;

16
1-js/5-functions-closures/7-with/article.md
View file

@ -23,7 +23,9 @@ with(obj) {
//+ run //+ run
var a = 5; var a = 5;
var obj = { a : 10 }; var obj = {
a: 10
};
*!* *!*
with(obj) { with(obj) {
@ -38,7 +40,9 @@ with(obj) {
//+ run //+ run
var b = 1; var b = 1;
var obj = { a : 10 }; var obj = {
a: 10
};
*!* *!*
with(obj) { with(obj) {
@ -81,7 +85,9 @@ with(obj) {
```js ```js
//+ run //+ run
var obj = { a : 10 } var obj = {
a: 10
}
*!* *!*
with(obj) { with(obj) {
@ -104,7 +110,9 @@ alert(obj.a); // 20, переменная была изменена в объе
```js ```js
//+ run //+ run
var obj = { weight: 10 }; var obj = {
weight: 10
};
with(obj) { with(obj) {
weight = 20; // (1) weight = 20; // (1)

4
1-js/6-objects-more/1-object-methods/1-call-array-this/solution.md
View file

@ -6,7 +6,9 @@
//+ run //+ run
var arr = ["a", "b"]; var arr = ["a", "b"];
arr.push( function() { alert(this); } ) arr.push(function() {
alert( this );
})
arr[2](); // "a","b",function arr[2](); // "a","b",function
``` ```

4
1-js/6-objects-more/1-object-methods/1-call-array-this/task.md
View file

@ -7,7 +7,9 @@
```js ```js
var arr = ["a", "b"]; var arr = ["a", "b"];
arr.push( function() { alert(this); } ) arr.push(function() {
alert( this );
})
arr[2](); // ? arr[2](); // ?
``` ```

5
1-js/6-objects-more/1-object-methods/2-check-syntax/solution.md
View file

@ -5,7 +5,9 @@
```js ```js
//+ run //+ run
var obj = { var obj = {
go: function() { alert(this) } go: function() {
alert(this)
}
} }
(obj.go)() // error! (obj.go)() // error!
@ -18,6 +20,7 @@ var obj = {
JavaScript игнорирует перевод строки перед скобкой `(obj.go)()` и читает этот код как: JavaScript игнорирует перевод строки перед скобкой `(obj.go)()` и читает этот код как:
```js ```js
//+ no-beautify
var obj = { go:... }(obj.go)() var obj = { go:... }(obj.go)()
``` ```

1
1-js/6-objects-more/1-object-methods/2-check-syntax/task.md
View file

@ -5,6 +5,7 @@
Каков будет результат этого кода? Каков будет результат этого кода?
```js ```js
//+ no-beautify
var obj = { var obj = {
go: function() { alert(this) } go: function() { alert(this) }
} }

1
1-js/6-objects-more/1-object-methods/3-why-this/solution.md
View file

@ -4,6 +4,7 @@
<li>Здесь не просто вызов `obj.method()`, а более сложный вызов вида `(выражение).method()`. Такой вызов работает, как если бы он был разбит на две строки: <li>Здесь не просто вызов `obj.method()`, а более сложный вызов вида `(выражение).method()`. Такой вызов работает, как если бы он был разбит на две строки:
```js ```js
//+ no-beautify
f = obj.go; // сначала вычислить выражение f = obj.go; // сначала вычислить выражение
f(); // потом вызвать то, что получилось f(); // потом вызвать то, что получилось
``` ```

2
1-js/6-objects-more/1-object-methods/3-why-this/task.md
View file

@ -5,7 +5,7 @@
Вызовы `(1)` и `(2)` в примере ниже работают не так, как `(3)` и `(4)`: Вызовы `(1)` и `(2)` в примере ниже работают не так, как `(3)` и `(4)`:
```js ```js
//+ run //+ run no-beautify
"use strict" "use strict"
var obj, f; var obj, f;

6
1-js/6-objects-more/1-object-methods/article.md
View file

@ -101,7 +101,7 @@ admin.sayHi(); // упс! внутри sayHi обращение по старо
Через `this` метод может не только обратиться к любому свойству объекта, но и передать куда-то ссылку на сам объект целиком: Через `this` метод может не только обратиться к любому свойству объекта, но и передать куда-то ссылку на сам объект целиком:
```js ```js
//+ run //+ run no-beautify
var user = { var user = {
name: 'Василий', name: 'Василий',
@ -138,7 +138,7 @@ function sayHi() {
**Если одну и ту же функцию запускать в контексте разных объектов, она будет получать разный `this`:** **Если одну и ту же функцию запускать в контексте разных объектов, она будет получать разный `this`:**
```js ```js
//+ run //+ run no-beautify
var user = { firstName: "Вася" }; var user = { firstName: "Вася" };
var admin = { firstName: "Админ" }; var admin = { firstName: "Админ" };
@ -199,7 +199,7 @@ func();
Любой более хитрый вызов приведёт к потере контекста, например: Любой более хитрый вызов приведёт к потере контекста, например:
```js ```js
//+ run //+ run no-beautify
var user = { var user = {
name: "Вася", name: "Вася",
hi: function() { alert(this.name); }, hi: function() { alert(this.name); },

2
1-js/6-objects-more/2-object-conversion/4-object-types-conversion-questions/solution.md
View file

@ -1,6 +1,7 @@
```js ```js
//+ no-beautify
new Date(0) - 0 = 0 // (1) new Date(0) - 0 = 0 // (1)
new Array(1)[0] + "" = "undefined" // (2) new Array(1)[0] + "" = "undefined" // (2)
({})[0]
 = undefined // (3) ({})[0]
 = undefined // (3)
@ -24,6 +25,7 @@ new Array(1)[0] + "" = "undefined" // (2)
Если это непонятно, то посмотрите на такой пример: Если это непонятно, то посмотрите на такой пример:
```js ```js
//+ no-beautify
alert( [1,[0],2][1] ); alert( [1,[0],2][1] );
``` ```

1
1-js/6-objects-more/2-object-conversion/4-object-types-conversion-questions/task.md
View file

@ -5,6 +5,7 @@
Подумайте, какой результат будет у выражений ниже. Когда закончите -- сверьтесь с решением. Подумайте, какой результат будет у выражений ниже. Когда закончите -- сверьтесь с решением.
```js ```js
//+ no-beautify
new Date(0) - 0 new Date(0) - 0
new Array(1)[0] + "" new Array(1)[0] + ""
({})[0]
 ({})[0]


4
1-js/6-objects-more/2-object-conversion/5-sum-many-brackets/solution.md
View file

@ -21,7 +21,9 @@ function sum(a) {
return f; return f;
} }
f.toString = function() { return currentSum; }; f.toString = function() {
return currentSum;
};
return f; return f;
} }

22
1-js/6-objects-more/2-object-conversion/article.md
View file

@ -68,7 +68,9 @@ alert( user ); // Пользователь Василий
```js ```js
//+ run //+ run
var obj = { var obj = {
toString: function() { return 123; } toString: function() {
return 123;
}
}; };
alert( obj ); // 123 alert( obj ); // 123
@ -135,7 +137,9 @@ alert( +new Date() ); // valueOf: кол-во миллисекунд, проше
```js ```js
//+ run //+ run
var obj = { var obj = {
valueOf: function() { return 1; } valueOf: function() {
return 1;
}
}; };
alert( obj == true ); // true alert( obj == true ); // true
@ -150,7 +154,9 @@ alert(obj == true); // true
```js ```js
//+ run //+ run
var obj = { var obj = {
valueOf: function() { return 1; } valueOf: function() {
return 1;
}
}; };
alert( obj + "test" ); // 1test alert( obj + "test" ); // 1test
@ -161,10 +167,14 @@ alert(obj + "test"); // 1test
```js ```js
//+ run //+ run
var a = { var a = {
valueOf: function() { return "1"; } valueOf: function() {
return "1";
}
}; };
var b = { var b = {
valueOf: function() { return "2"; } valueOf: function() {
return "2";
}
}; };
alert( a - b ); // "1" - "2" = -1 alert( a - b ); // "1" - "2" = -1
@ -236,6 +246,7 @@ if ( value ) {
Заметим, для полноты картины, что некоторые тесты знаний в интернет предлагают вопросы типа: Заметим, для полноты картины, что некоторые тесты знаний в интернет предлагают вопросы типа:
```js ```js
//+ no-beautify
{}[0] // чему равно? {}[0] // чему равно?
{} + {} // а так? {} + {} // а так?
``` ```
@ -252,6 +263,7 @@ if ( value ) {
А если команду изъять, то будет пустой блок `{}`, который ничего не делает. Два примера выше как раз содержат пустой блок в начале, который ничего не делает. Иначе говоря: А если команду изъять, то будет пустой блок `{}`, который ничего не делает. Два примера выше как раз содержат пустой блок в начале, который ничего не делает. Иначе говоря:
```js ```js
//+ no-beautify
{}[0] // то же что и: [0] {}[0] // то же что и: [0]
{} + {} // то же что и: + {} {} + {} // то же что и: + {}
``` ```

2
1-js/6-objects-more/3-constructor-new/1-two-functions-one-object/solution.md
View file

@ -5,7 +5,7 @@
Например, они могут вернуть один и тот же объект `obj`, определённый снаружи: Например, они могут вернуть один и тот же объект `obj`, определённый снаружи:
```js ```js
//+ run //+ run no-beautify
var obj = {}; var obj = {};
function A() { return obj; } function A() { return obj; }

1
1-js/6-objects-more/3-constructor-new/1-two-functions-one-object/task.md
View file

@ -5,6 +5,7 @@
Возможны ли такие функции `A` и `B` в примере ниже, что соответствующие объекты `a,b` равны (см. код ниже)? Возможны ли такие функции `A` и `B` в примере ниже, что соответствующие объекты `a,b` равны (см. код ниже)?
```js ```js
//+ no-beautify
function A() { ... } function A() { ... }
function B() { ... } function B() { ... }

12
1-js/6-objects-more/3-constructor-new/4-calculator-extendable/task.md
View file

@ -23,9 +23,15 @@ alert(calc.calculate("3 + 7")); // 10
```js ```js
var powerCalc = new Calculator; var powerCalc = new Calculator;
powerCalc.addMethod("*", function(a, b) { return a * b; }); powerCalc.addMethod("*", function(a, b) {
powerCalc.addMethod("/", function(a, b) { return a / b; }); return a * b;
powerCalc.addMethod("**", function(a, b) { return Math.pow(a, b); }); });
powerCalc.addMethod("/", function(a, b) {
return a / b;
});
powerCalc.addMethod("**", function(a, b) {
return Math.pow(a, b);
});
var result = powerCalc.calculate("2 ** 3"); var result = powerCalc.calculate("2 ** 3");
alert( result ); // 8 alert( result ); // 8

2
1-js/6-objects-more/3-constructor-new/article.md
View file

@ -75,7 +75,7 @@ function Animal(name) {
Например, возврат объекта: Например, возврат объекта:
```js ```js
//+ run //+ run no-beautify
function BigAnimal() { function BigAnimal() {
this.name = "Мышь"; this.name = "Мышь";

1
1-js/6-objects-more/4-descriptors-getters-setters/1-replace-property-getter/solution.md
View file

@ -1,7 +1,6 @@
```js ```js
//+ run //+ run
function User(fullName) { function User(fullName) {
this.fullName = fullName; this.fullName = fullName;

13
1-js/6-objects-more/4-descriptors-getters-setters/article.md
View file

@ -46,6 +46,7 @@ Object.defineProperty(obj, prop, descriptor)
Два таких вызова работают одинаково: Два таких вызова работают одинаково:
```js ```js
//+ no-beautify
var user = {}; var user = {};
// 1. простое присваивание // 1. простое присваивание
@ -90,7 +91,7 @@ user.name = "Петя";
К сожалению, свойство `toString`, объявленное обычным способом, будет видно в цикле `for..in`, например: К сожалению, свойство `toString`, объявленное обычным способом, будет видно в цикле `for..in`, например:
```js ```js
//+ run //+ run no-beautify
var user = { var user = {
name: "Вася", name: "Вася",
toString: function() { return this.name; } toString: function() { return this.name; }
@ -106,7 +107,7 @@ for(var key in user) alert(key); // name, toString
`Object.defineProperty` может исключить `toString` из списка итерации, поставив ему флаг `enumerable: false`. По стандарту, у встроенного `toString` этот флаг уже стоит. `Object.defineProperty` может исключить `toString` из списка итерации, поставив ему флаг `enumerable: false`. По стандарту, у встроенного `toString` этот флаг уже стоит.
```js ```js
//+ run //+ run no-beautify
var user = { var user = {
name: "Вася", name: "Вася",
toString: function() { return this.name; } toString: function() { return this.name; }
@ -335,7 +336,9 @@ var obj = {
internal: 3 internal: 3
}; };
Object.defineProperty(obj, "internal", {enumerable: false}); Object.defineProperty(obj, "internal", {
enumerable: false
});
*!* *!*
alert( Object.keys(obj) ); // a,b alert( Object.keys(obj) ); // a,b
@ -351,7 +354,9 @@ alert( Object.getOwnPropertyNames(obj) ); // a, internal, b
```js ```js
//+ run //+ run
var obj = { test: 5 }; var obj = {
test: 5
};
*!* *!*
var descriptor = Object.getOwnPropertyDescriptor(obj, 'test'); var descriptor = Object.getOwnPropertyDescriptor(obj, 'test');
*/!* */!*

18
1-js/6-objects-more/5-static-properties-and-methods/article.md
View file

@ -173,7 +173,9 @@ function User(userData) {
this.name = 'Аноним'; this.name = 'Аноним';
} }
this.sayHi = function() { alert(this.name) }; this.sayHi = function() {
alert(this.name)
};
// ... // ...
} }
@ -182,7 +184,10 @@ function User(userData) {
var guest = new User(); var guest = new User();
guest.sayHi(); // Аноним guest.sayHi(); // Аноним
var knownUser = new User({name: 'Вася', age: 25}); var knownUser = new User({
name: 'Вася',
age: 25
});
knownUser.sayHi(); // Вася knownUser.sayHi(); // Вася
``` ```
@ -193,7 +198,9 @@ knownUser.sayHi(); // Вася
```js ```js
//+ run //+ run
function User() { function User() {
this.sayHi = function() { alert(this.name) }; this.sayHi = function() {
alert(this.name)
};
} }
User.createAnonymous = function() { User.createAnonymous = function() {
@ -215,7 +222,10 @@ User.createFromData = function(userData) {
var guest = User.createAnonymous(); var guest = User.createAnonymous();
guest.sayHi(); // Аноним guest.sayHi(); // Аноним
var knownUser = User.createFromData({name: 'Вася', age: 25}); var knownUser = User.createFromData({
name: 'Вася',
age: 25
});
knownUser.sayHi(); // Вася knownUser.sayHi(); // Вася
*/!* */!*
``` ```

4
1-js/6-objects-more/6-call-apply/1-rewrite-sum-arguments/task.md
View file

@ -7,7 +7,9 @@
```js ```js
//+ run //+ run
function sum(arr) { function sum(arr) {
return arr.reduce(function(a, b) { return a + b; }); return arr.reduce(function(a, b) {
return a + b;
});
} }
alert( sum([1, 2, 3]) ); // 6 (=1+2+3) alert( sum([1, 2, 3]) ); // 6 (=1+2+3)

Some files were not shown because too many files have changed in this diff Show more