mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2025-08-16 11:45:04 +02:00
Remove comments with english + fix some typo
This commit is contained in:
@@ -4,7 +4,7 @@ contributors:
|
|||||||
- ["Adam Brenecki", "http://adam.brenecki.id.au"]
|
- ["Adam Brenecki", "http://adam.brenecki.id.au"]
|
||||||
- ["Ariel Krakowski", "http://www.learneroo.com"]
|
- ["Ariel Krakowski", "http://www.learneroo.com"]
|
||||||
translators:
|
translators:
|
||||||
- ["--mynamehere--", "http://github.com/--mynamehere--"]
|
- ["Maxim Koretskiy", "http://github.com/maximkoretskiy"]
|
||||||
filename: javascript-ru.js
|
filename: javascript-ru.js
|
||||||
lang: ru-ru
|
lang: ru-ru
|
||||||
---
|
---
|
||||||
@@ -13,47 +13,30 @@ todo: привести все названия языка к коректном
|
|||||||
|
|
||||||
Javascript был разработан Бренданом Айком из Netcape в 1995. Изначально
|
Javascript был разработан Бренданом Айком из Netcape в 1995. Изначально
|
||||||
предполагалось, что он станет простым вариантом скриптового языка для сайтов,
|
предполагалось, что он станет простым вариантом скриптового языка для сайтов,
|
||||||
дополняющий к Java, который в свою очередь использовался бы для более сложных
|
дополняющий к Java, который бы в свою очередь использовался для более сложных
|
||||||
web-приложений. Но тонкая интегрированность javascript с web-страницей и
|
web-приложений. Но тонкая интегрированность javascript с web-страницей и
|
||||||
встроенная поддержка в браузерах привели к тому, чтобы он стал более
|
встроенная поддержка в браузерах привели к тому, чтобы он стал более
|
||||||
распространен в web-разработке, чем Java.
|
распространен в frontend-разработке, чем Java.
|
||||||
JavaScript was created by Netscape's Brendan Eich in 1995. It was originally
|
|
||||||
intended as a simpler scripting language for websites, complementing the use of
|
|
||||||
Java for more complex web applications, but its tight integration with Web pages
|
|
||||||
and built-in support in browsers has caused it to become far more common than
|
|
||||||
Java in web frontends.
|
|
||||||
|
|
||||||
Использование Javascript не ограничивается браузерами. Проект Node.js,
|
Использование JavaScript не ограничивается браузерами. Проект Node.js,
|
||||||
предоставляющий независимую среду выполнения на движке Google Chrome V8
|
предоставляющий независимую среду выполнения на движке Google Chrome V8
|
||||||
JavaScript, становится все более популярным.
|
JavaScript, становится все более популярным.
|
||||||
JavaScript isn't just limited to web browsers, though: Node.js, a project that
|
|
||||||
provides a standalone runtime for Google Chrome's V8 JavaScript engine, is
|
|
||||||
becoming more and more popular.
|
|
||||||
|
|
||||||
Обратная связь важна и нужна! Вы можете написаться мне
|
Обратная связь важна и нужна! Вы можете написаться мне
|
||||||
на [@_remedy]() или
|
на [@adambrenecki](https://twitter.com/adambrenecki) или
|
||||||
[mymail]().
|
|
||||||
Feedback would be highly appreciated! You can reach me at
|
|
||||||
[@adambrenecki](https://twitter.com/adambrenecki), or
|
|
||||||
[adam@brenecki.id.au](mailto:adam@brenecki.id.au).
|
[adam@brenecki.id.au](mailto:adam@brenecki.id.au).
|
||||||
|
|
||||||
```js
|
```js
|
||||||
// Комментарии оформляются как в C.
|
// Комментарии оформляются как в C.
|
||||||
// Обнострочнные комментарии начинаются с двух слешей,
|
// Однострочнные коментарии начинаются с двух слешей,
|
||||||
// Comments are like C. Single-line comments start with two slashes,
|
|
||||||
/* а многострочные с слеша и звездочки
|
/* а многострочные с слеша и звездочки
|
||||||
и заканчиваются звездочеий и слешом */
|
и заканчиваются звездочеий и слешом */
|
||||||
/* and multiline comments start with slash-star
|
|
||||||
and end with star-slash */
|
|
||||||
|
|
||||||
// Выражения разделяются с помощью ;
|
// Выражения разделяются с помощью ;
|
||||||
// Statements can be terminated by ;
|
|
||||||
doStuff();
|
doStuff();
|
||||||
|
|
||||||
// ... но этого можно и делать, разделители подставляются автоматически
|
// ... но этого можно и не делать, разделители подставляются автоматически
|
||||||
// после перехода на новую строку за исключением особых случаев
|
// после перехода на новую строку за исключением особых случаев
|
||||||
// ... but they don't have to be, as semicolons are automatically inserted
|
|
||||||
// wherever there's a newline, except in certain cases.
|
|
||||||
doStuff()
|
doStuff()
|
||||||
|
|
||||||
// Это может приводить к непредсказуемому результату и поэтому мы будем
|
// Это может приводить к непредсказуемому результату и поэтому мы будем
|
||||||
@@ -65,50 +48,41 @@ doStuff()
|
|||||||
// 1. Числа, Строки и Операторы
|
// 1. Числа, Строки и Операторы
|
||||||
// 1. Numbers, Strings and Operators
|
// 1. Numbers, Strings and Operators
|
||||||
|
|
||||||
// В Javasript всего 1 числовой тип - 64-битное число с плавающей точкой стандарта
|
// В Javasript всего 1 числовой тип - 64-битное число с плавающей точкой
|
||||||
// IEEE 754)
|
// стандарта IEEE 754)
|
||||||
// todo: сформулировать
|
// Числа имеют 52-битную мантиссу, чего достаточно для хранения хранения целых
|
||||||
// JavaScript has one number type (which is a 64-bit IEEE 754 double).
|
// чисел до 9✕10¹⁵ приблизительно.
|
||||||
// Doubles have a 52-bit mantissa, which is enough to store integers
|
|
||||||
// up to about 9✕10¹⁵ precisely.
|
|
||||||
3; // = 3
|
3; // = 3
|
||||||
1.5; // = 1.5
|
1.5; // = 1.5
|
||||||
|
|
||||||
// В основном базовая арифметика работает предсказуемо
|
// В основном базовая арифметика работает предсказуемо
|
||||||
// Some basic arithmetic works as you'd expect.
|
|
||||||
1 + 1; // = 2
|
1 + 1; // = 2
|
||||||
.1 + .2; // = 0.30000000000000004
|
.1 + .2; // = 0.30000000000000004
|
||||||
8 - 1; // = 7
|
8 - 1; // = 7
|
||||||
10 * 2; // = 20
|
10 * 2; // = 20
|
||||||
35 / 5; // = 7
|
35 / 5; // = 7
|
||||||
|
|
||||||
// Включая нецелочисленное деление (todo:уточнить!)
|
// Включая нецелочисленное деление
|
||||||
// Including uneven division.
|
|
||||||
5 / 2; // = 2.5
|
5 / 2; // = 2.5
|
||||||
|
|
||||||
// Двоичные операции тоже есть. Если применить двоичную операцию к float-числу,
|
// Двоичные операции тоже есть. Если применить двоичную операцию к float-числу,
|
||||||
// оно будет приведено к 32-битному целому со знаком.
|
// оно будет приведено к 32-битному целому со знаком.
|
||||||
// Bitwise operations also work; when you perform a bitwise operation your float
|
|
||||||
// is converted to a signed int *up to* 32 bits.
|
|
||||||
1 << 2; // = 4
|
1 << 2; // = 4
|
||||||
|
|
||||||
// (todo:перевести)
|
// (todo:перевести)
|
||||||
// Precedence is enforced with parentheses.
|
// Приоритет выполнения операций можно менять с помощью скобок.
|
||||||
(1 + 3) * 2; // = 8
|
(1 + 3) * 2; // = 8
|
||||||
|
|
||||||
// Есть три особых не реальных числовых значения:
|
// Есть три особых не реальных числовых значения:
|
||||||
// There are three special not-a-real-number values:
|
|
||||||
Infinity; // допустим, результат операции 1/0
|
Infinity; // допустим, результат операции 1/0
|
||||||
-Infinity; // допустим, результат операции -1/0
|
-Infinity; // допустим, результат операции -1/0
|
||||||
NaN; // допустим, результат операции 0/0
|
NaN; // допустим, результат операции 0/0
|
||||||
|
|
||||||
// Так же есть тип булевых данных.
|
// Так же есть тип булевых данных.
|
||||||
// There's also a boolean type.
|
|
||||||
true;
|
true;
|
||||||
false;
|
false;
|
||||||
|
|
||||||
// Строки создаются с помощью ' или ".
|
// Строки создаются с помощью ' или ".
|
||||||
// Strings are created with ' or ".
|
|
||||||
'abc';
|
'abc';
|
||||||
"Hello, world";
|
"Hello, world";
|
||||||
|
|
||||||
@@ -137,7 +111,6 @@ false;
|
|||||||
"a" < "b"; // = true
|
"a" < "b"; // = true
|
||||||
|
|
||||||
// Приведение типов выполняется при сравнении с ==...
|
// Приведение типов выполняется при сравнении с ==...
|
||||||
// Type coercion is performed for comparisons with double equals...
|
|
||||||
"5" == 5; // = true
|
"5" == 5; // = true
|
||||||
null == undefined; // = true
|
null == undefined; // = true
|
||||||
|
|
||||||
@@ -146,29 +119,23 @@ null == undefined; // = true
|
|||||||
null === undefined; // = false
|
null === undefined; // = false
|
||||||
|
|
||||||
// Для доступа к конкретному символу строки используйте charAt
|
// Для доступа к конкретному символу строки используйте charAt
|
||||||
// You can access characters in a string with charAt
|
|
||||||
"This is a string".charAt(0); // = 'T'
|
"This is a string".charAt(0); // = 'T'
|
||||||
|
|
||||||
// ... или используйте substring для получения подстроки
|
// ... или используйте substring для получения подстроки
|
||||||
// ...or use substring to get larger pieces
|
|
||||||
"Hello world".substring(0, 5); // = "Hello"
|
"Hello world".substring(0, 5); // = "Hello"
|
||||||
|
|
||||||
// length(длина) - свойство, не используйте ()
|
// length(длина) - свойство, не используйте ()
|
||||||
// length is a property, so don't use ()
|
|
||||||
"Hello".length; // = 5
|
"Hello".length; // = 5
|
||||||
|
|
||||||
// Есть null и undefined
|
// Есть null и undefined
|
||||||
// There's also null and undefined
|
|
||||||
null; // используется что бы указать явно, что значения нет
|
null; // используется что бы указать явно, что значения нет
|
||||||
undefined; // испрользуется чтобы показать, что значения не было установлено
|
undefined; // испрользуется чтобы показать, что значения не было установлено
|
||||||
// собственно, undefined так и переводится
|
// собственно, undefined так и переводится
|
||||||
|
|
||||||
// false, null, undefined, NaN, 0 и "" являются falsy-значениями(при приведении
|
// false, null, undefined, NaN, 0 и "" являются falsy-значениями(при приведении
|
||||||
// в булеву типу становятся false)
|
// в булеву типу становятся false)
|
||||||
// false, null, undefined, NaN, 0 and "" are falsy; everything else is truthy.
|
// Обратите внимание что 0 приводится к false, а "0" к true,
|
||||||
// Обратите внимание что 0 приводится к false, а "0" к true, не смотря на то,
|
// не смотря на то, что "0"==0
|
||||||
// что "0"==0
|
|
||||||
// Note that 0 is falsy and "0" is truthy, even though 0 == "0".
|
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 2. Переменные, массивы и объекты
|
// 2. Переменные, массивы и объекты
|
||||||
@@ -176,25 +143,18 @@ undefined; // испрользуется чтобы показать, что з
|
|||||||
// Переменные объявляются ключевым словом var. Javascript динамически
|
// Переменные объявляются ключевым словом var. Javascript динамически
|
||||||
// типизируемый, так что указывать тип не нужно.
|
// типизируемый, так что указывать тип не нужно.
|
||||||
// Присвоение значения описывается с помощью оператора =
|
// Присвоение значения описывается с помощью оператора =
|
||||||
// Variables are declared with the var keyword. JavaScript is dynamically typed,
|
|
||||||
// so you don't need to specify type. Assignment uses a single = character.
|
|
||||||
var someVar = 5;
|
var someVar = 5;
|
||||||
|
|
||||||
// если не указать ключевого слова var, ошибки не будет...
|
// если не указать ключевого слова var, ошибки не будет...
|
||||||
// if you leave the var keyword off, you won't get an error...
|
|
||||||
someOtherVar = 10;
|
someOtherVar = 10;
|
||||||
|
|
||||||
// ...но переменная будет создана в глобальном контексте, в не области
|
// ...но переменная будет создана в глобальном контексте, в не области
|
||||||
// видимости, в которой она была объявлена.
|
// видимости, в которой она была объявлена.
|
||||||
// ...but your variable will be created in the global scope, not in the scope
|
|
||||||
// you defined it in.
|
|
||||||
|
|
||||||
// Переменные объявленные без присвоения значения, содержать undefined
|
// Переменные объявленные без присвоения значения, содержать undefined
|
||||||
// Variables declared without being assigned to are set to undefined.
|
|
||||||
var someThirdVar; // = undefined
|
var someThirdVar; // = undefined
|
||||||
|
|
||||||
// Для математических операций над числами есть короткая запись:
|
// Для математических операций над переменными есть короткая запись:
|
||||||
// There's shorthand for performing math operations on variables:
|
|
||||||
someVar += 5; // тоже что someVar = someVar + 5; someVar равно 10 теперь
|
someVar += 5; // тоже что someVar = someVar + 5; someVar равно 10 теперь
|
||||||
someVar *= 10; // а теперь -- 100
|
someVar *= 10; // а теперь -- 100
|
||||||
|
|
||||||
@@ -203,64 +163,48 @@ someVar++; // теперь someVar равно 101
|
|||||||
someVar--; // обратно к 100
|
someVar--; // обратно к 100
|
||||||
|
|
||||||
// Массивы -- упорядоченные списки значений любых типов.
|
// Массивы -- упорядоченные списки значений любых типов.
|
||||||
// Arrays are ordered lists of values, of any type.
|
|
||||||
var myArray = ["Hello", 45, true];
|
var myArray = ["Hello", 45, true];
|
||||||
|
|
||||||
// Для доступу к элементам массивов используйте квадратные скобки.
|
// Для доступу к элементам массивов используйте квадратные скобки.
|
||||||
// Индексы массивов начинаются с 0
|
// Индексы массивов начинаются с 0
|
||||||
// Their members can be accessed using the square-brackets subscript syntax.
|
|
||||||
// Array indices start at zero.
|
|
||||||
myArray[1]; // = 45
|
myArray[1]; // = 45
|
||||||
|
|
||||||
// Массивы мутабельны(изменяемы) и имеют переменную длину.
|
// Массивы мутабельны(изменяемы) и имеют переменную длину.
|
||||||
// Arrays are mutable and of variable length.
|
|
||||||
myArray.push("World"); // добавить элемент
|
myArray.push("World"); // добавить элемент
|
||||||
myArray.length; // = 4
|
myArray.length; // = 4
|
||||||
|
|
||||||
// Добавить или изменить значение по конкретному индексу
|
// Добавить или изменить значение по конкретному индексу
|
||||||
myArray[3] = "Hello";
|
myArray[3] = "Hello";
|
||||||
|
|
||||||
// Объёкты javascript похожи на dictionary или map из других языков
|
// Объекты javascript похожи на dictionary или map из других языков
|
||||||
// программирования. Это неупорядочнные коллекции пар ключ-значение.
|
// программирования. Это неупорядочнные коллекции пар ключ-значение.
|
||||||
// JavaScript's objects are equivalent to 'dictionaries' or 'maps' in other
|
|
||||||
// languages: an unordered collection of key-value pairs.
|
|
||||||
var myObj = {key1: "Hello", key2: "World"};
|
var myObj = {key1: "Hello", key2: "World"};
|
||||||
|
|
||||||
// Ключи -- это строки, но кавычки не требуются если названия явлюятся
|
// Ключи -- это строки, но кавычки не требуются если названия явлюятся
|
||||||
// корректными javascript идентификаторами. Значения могут быть любого типа.
|
// корректными javascript идентификаторами. Значения могут быть любого типа.
|
||||||
// Keys are strings, but quotes aren't required if they're a valid
|
|
||||||
// JavaScript identifier. Values can be any type.
|
|
||||||
var myObj = {myKey: "myValue", "my other key": 4};
|
var myObj = {myKey: "myValue", "my other key": 4};
|
||||||
|
|
||||||
// Доступ к атрибту объекта можно получить с помощью квадратных скобок
|
// Доступ к атрибту объекта можно получить с помощью квадратных скобок
|
||||||
// Object attributes can also be accessed using the subscript syntax,
|
|
||||||
myObj["my other key"]; // = 4
|
myObj["my other key"]; // = 4
|
||||||
|
|
||||||
// ... или используя точечную нотацию, при условии что ключ является
|
// ... или используя точечную нотацию, при условии что ключ является
|
||||||
// корректным идентификатором.
|
// корректным идентификатором.
|
||||||
// ... or using the dot syntax, provided the key is a valid identifier.
|
|
||||||
myObj.myKey; // = "myValue"
|
myObj.myKey; // = "myValue"
|
||||||
|
|
||||||
// Объекты мутабельны. В существуюещем объекте можно изменить значние
|
// Объекты мутабельны. В существуюещем объекте можно изменить значние
|
||||||
// или добавить новый атрибут.
|
// или добавить новый атрибут.
|
||||||
// Objects are mutable; values can be changed and new keys added.
|
|
||||||
myObj.myThirdKey = true;
|
myObj.myThirdKey = true;
|
||||||
|
|
||||||
// При попытке доступа к атрибуту, который до этого не был создан, будет
|
// При попытке доступа к атрибуту, который до этого не был создан, будет
|
||||||
// возвращен undefined
|
// возвращен undefined
|
||||||
// If you try to access a value that's not yet set, you'll get undefined.
|
|
||||||
myObj.myFourthKey; // = undefined
|
myObj.myFourthKey; // = undefined
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 3. Логика и управляющие структуры
|
// 3. Логика и Управляющие структуры
|
||||||
// 3. Logic and Control Structures
|
|
||||||
|
|
||||||
//
|
|
||||||
// Синтаксис управляющих структур очень похож на его реализацию в Java.
|
// Синтаксис управляющих структур очень похож на его реализацию в Java.
|
||||||
// The syntax for this section is almost identical to Java's.
|
|
||||||
|
|
||||||
// if работает так как вы ожидаете.
|
// if работает так как вы ожидаете.
|
||||||
// The if structure works as you'd expect.
|
|
||||||
var count = 1;
|
var count = 1;
|
||||||
if (count == 3){
|
if (count == 3){
|
||||||
// выполнится, если значение count равно 3
|
// выполнится, если значение count равно 3
|
||||||
@@ -282,36 +226,27 @@ do {
|
|||||||
input = getInput();
|
input = getInput();
|
||||||
} while (!isValid(input))
|
} while (!isValid(input))
|
||||||
|
|
||||||
// Цикл for такой же как в C b Java:
|
// Цикл for такой же как в C и Java:
|
||||||
// инициализация; условие продолжения; итерация
|
// инициализация; условие продолжения; итерация
|
||||||
// the for loop is the same as C and Java:
|
|
||||||
// initialisation; continue condition; iteration.
|
|
||||||
for (var i = 0; i < 5; i++){
|
for (var i = 0; i < 5; i++){
|
||||||
// выполнится 5 раз
|
// выполнится 5 раз
|
||||||
// will run 5 times
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// && - логическое и, || - логическое или
|
// && - логическое и, || - логическое или
|
||||||
// && is logical and, || is logical or
|
|
||||||
if (house.size == "big" && house.color == "blue"){
|
if (house.size == "big" && house.color == "blue"){
|
||||||
house.contains = "bear";
|
house.contains = "bear";
|
||||||
}
|
}
|
||||||
if (color == "red" || color == "blue"){
|
if (color == "red" || color == "blue"){
|
||||||
// если цвет или красный или синий
|
// если цвет или красный или синий
|
||||||
// colour is either red or blue
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// && и || удобны для установки значений по умолчанию.
|
// && и || удобны для установки значений по умолчанию.
|
||||||
// && and || "short circuit", which is useful for setting default values.
|
// && and || "short circuit", which is useful for setting default values.
|
||||||
var name = otherName || "default";
|
var name = otherName || "default";
|
||||||
|
|
||||||
|
|
||||||
// выражение switch проверяет равество с помощью ===
|
// выражение switch проверяет равество с помощью ===
|
||||||
// используйте 'break' после каждого case
|
// используйте 'break' после каждого case,
|
||||||
// иначе помимо правильного case выполнятся и все последующие.
|
// иначе помимо правильного case выполнятся и все последующие.
|
||||||
// switch statement checks for equality with ===
|
|
||||||
// use 'break' after each case
|
|
||||||
// or the cases after the correct one will be executed too.
|
|
||||||
grade = '4'; // оценка
|
grade = '4'; // оценка
|
||||||
switch (grade) {
|
switch (grade) {
|
||||||
case '5':
|
case '5':
|
||||||
@@ -331,10 +266,8 @@ switch (grade) {
|
|||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 4. Функции, Область видимости и Замыкания
|
// 4. Функции, Область видимости и Замыкания
|
||||||
// 4. Functions, Scope and Closures
|
|
||||||
|
|
||||||
// Функции в JavaScript объявляются с помощью ключевого слова function.
|
// Функции в JavaScript объявляются с помощью ключевого слова function.
|
||||||
// JavaScript functions are declared with the function keyword.
|
|
||||||
function myFunction(thing){
|
function myFunction(thing){
|
||||||
return thing.toUpperCase(); // приведение к верхнему регистру
|
return thing.toUpperCase(); // приведение к верхнему регистру
|
||||||
}
|
}
|
||||||
@@ -343,7 +276,7 @@ myFunction("foo"); // = "FOO"
|
|||||||
// Помните, что значение, которое должно быть возкращено должно начинаться
|
// Помните, что значение, которое должно быть возкращено должно начинаться
|
||||||
// на той же строке, где расположено ключевое слово 'return'. В противном случае
|
// на той же строке, где расположено ключевое слово 'return'. В противном случае
|
||||||
// будет возвращено undefined. Такое поведения объясняется автоматической
|
// будет возвращено undefined. Такое поведения объясняется автоматической
|
||||||
// вставкой разделителей ';'. Оглядывйтесь на этот факт, если используете
|
// вставкой разделителей ';'. Помните этот факт, если используете
|
||||||
// BSD стиль оформления кода.
|
// BSD стиль оформления кода.
|
||||||
// Note that the value to be returned must start on the same line as the
|
// Note that the value to be returned must start on the same line as the
|
||||||
// 'return' keyword, otherwise you'll always return 'undefined' due to
|
// 'return' keyword, otherwise you'll always return 'undefined' due to
|
||||||
@@ -360,94 +293,66 @@ myFunction(); // = undefined
|
|||||||
// Функции в JavaScript являются объектами, поэтому их можно назначить в
|
// Функции в JavaScript являются объектами, поэтому их можно назначить в
|
||||||
// переменные с разными названиями и передавать в другие функции, как аргументы,
|
// переменные с разными названиями и передавать в другие функции, как аргументы,
|
||||||
// на пример, при указании обработчика события.
|
// на пример, при указании обработчика события.
|
||||||
// JavaScript functions are first class objects, so they can be reassigned to
|
|
||||||
// different variable names and passed to other functions as arguments - for
|
|
||||||
// example, when supplying an event handler:
|
|
||||||
function myFunction(){
|
function myFunction(){
|
||||||
// этот фрагмент кода будет вызван через 5 секунд
|
// этот фрагмент кода будет вызван через 5 секунд
|
||||||
// this code will be called in 5 seconds' time
|
|
||||||
}
|
}
|
||||||
setTimeout(myFunction, 5000);
|
setTimeout(myFunction, 5000);
|
||||||
// Обратите внимание, что setTimeout не является частью языка, однако он
|
// Обратите внимание, что setTimeout не является частью языка, однако он
|
||||||
// доступен в API браузеров и Node.js.
|
// доступен в API браузеров и Node.js.
|
||||||
// Note: setTimeout isn't part of the JS language, but is provided by browsers
|
|
||||||
// and Node.js.
|
|
||||||
|
|
||||||
// Объект функции на самом деле не обязательно объявлять с именем - можно
|
// Объект функции на самом деле не обязательно объявлять с именем - можно
|
||||||
// создать анонимную функцию прямо в аргументах другой функции.
|
// создать анонимную функцию прямо в аргументах другой функции.
|
||||||
// Function objects don't even have to be declared with a name - you can write
|
|
||||||
// an anonymous function definition directly into the arguments of another.
|
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
// этот фрагмент кода будет вызван через 5 секунд
|
// этот фрагмент кода будет вызван через 5 секунд
|
||||||
// this code will be called in 5 seconds' time
|
|
||||||
}, 5000);
|
}, 5000);
|
||||||
|
|
||||||
// В JavaScript есть области видимости. У функций есть собственные области
|
// В JavaScript есть области видимости. У функций есть собственные области
|
||||||
// видимости, у других блоков их нет.
|
// видимости, у других блоков их нет.
|
||||||
// JavaScript has function scope; functions get their own scope but other blocks
|
|
||||||
// do not.
|
|
||||||
if (true){
|
if (true){
|
||||||
var i = 5;
|
var i = 5;
|
||||||
}
|
}
|
||||||
i; // = 5, а не undefined, как это было бы ожидаемо(todo: поправить)
|
i; // = 5, а не undefined, как это было бы в языке, создающем
|
||||||
// в языке, создающем области видисти для блоков "
|
// области видисти для блоков кода
|
||||||
|
|
||||||
// Это привело к появлению паттерна общего назначения "immediately-executing
|
// Это привело к появлению паттерна общего назначения "immediately-executing
|
||||||
// anonymous functions" (сразу выполняющиеся анонимные функции), который
|
// anonymous functions" (сразу выполняющиеся анонимные функции), который
|
||||||
// позволяет предотвратить запись временных переменных в общую облать видимости.
|
// позволяет предотвратить запись временных переменных в общую облать видимости.
|
||||||
// This has led to a common pattern of "immediately-executing anonymous
|
|
||||||
// functions", which prevent temporary variables from leaking into the global
|
|
||||||
// scope.
|
|
||||||
(function(){
|
(function(){
|
||||||
var temporary = 5;
|
var temporary = 5;
|
||||||
// Для доступа к глобальной области видимости можно использовать запись в
|
// Для доступа к глобальной области видимости можно использовать запись в
|
||||||
// некоторый 'глобальный объект', для браузеров это 'window'. Глобальный
|
// некоторый 'глобальный объект', для браузеров это 'window'. Глобальный
|
||||||
// объект может называться по-разному в небраузерных средах, таких Node.js.
|
// объект может называться по-разному в небраузерных средах, таких Node.js.
|
||||||
// We can access the global scope by assiging to the 'global object', which
|
|
||||||
// in a web browser is always 'window'. The global object may have a
|
|
||||||
// different name in non-browser environments such as Node.js.
|
|
||||||
window.permanent = 10;
|
window.permanent = 10;
|
||||||
})();
|
})();
|
||||||
temporary; // вызывает исключение ReferenceError
|
temporary; // вызывает исключение ReferenceError
|
||||||
permanent; // = 10
|
permanent; // = 10
|
||||||
|
|
||||||
// Одной из сильных сторон JavaScript являются замыкания. Если функция
|
// Одной из сильных сторон JavaScript являются замыкания. Если функция
|
||||||
// объявлена в вниутри другой функции, внутренняя функция имеет доступ ко всем
|
// объявлена в внутри другой функции, внутренняя функция имеет доступ ко всем
|
||||||
// переменным внешней функции, даже после того, как внешняя функции завершила
|
// переменным внешней функции, даже после того, как внешняя функции завершила
|
||||||
// свое выполнение
|
// свое выполнение.
|
||||||
// One of JavaScript's most powerful features is closures. If a function is
|
|
||||||
// defined inside another function, the inner function has access to all the
|
|
||||||
// outer function's variables, even after the outer function exits.
|
|
||||||
function sayHelloInFiveSeconds(name){
|
function sayHelloInFiveSeconds(name){
|
||||||
var prompt = "Привет, " + name + "!";
|
var prompt = "Привет, " + name + "!";
|
||||||
// Внутренние фунции помещаются в локальную область видимости, как-будто они
|
// Внутренние функции помещаются в локальную область видимости, как-будто
|
||||||
// объявлены с ключевым словом 'var'.
|
// они объявлены с ключевым словом 'var'.
|
||||||
// Inner functions are put in the local scope by default, as if they were
|
|
||||||
// declared with 'var'.
|
|
||||||
function inner(){
|
function inner(){
|
||||||
alert(prompt);
|
alert(prompt);
|
||||||
}
|
}
|
||||||
setTimeout(inner, 5000);
|
setTimeout(inner, 5000);
|
||||||
// setTimeout является асинхроннной, и поэтому функция sayHelloInFiveSeconds
|
// setTimeout является асинхроннной, и поэтому функция sayHelloInFiveSeconds
|
||||||
// завершит свое выполнение сразу и setTimeout вызовет inner позже.
|
// завершит свое выполнение сразу и setTimeout вызовет inner позже.
|
||||||
// Однако, так как inner "замкнута"(todo: уточнить "закрыта внутри")
|
// Однако, так как inner "закрыта внутри" или "замкнута в"
|
||||||
// sayHelloInFiveSeconds, inner все еще будет иметь доступ к переменной
|
// sayHelloInFiveSeconds, inner все еще будет иметь доступ к переменной
|
||||||
// prompt, когда будет вызвана.
|
// prompt, когда будет вызвана.
|
||||||
// setTimeout is asynchronous, so the sayHelloInFiveSeconds function will
|
|
||||||
// exit immediately, and setTimeout will call inner afterwards. However,
|
|
||||||
// because inner is "closed over" sayHelloInFiveSeconds, inner still has
|
|
||||||
// access to the 'prompt' variable when it is finally called.
|
|
||||||
}
|
}
|
||||||
sayHelloInFiveSeconds("Вася"); // откроет модальное окно с сообщением
|
sayHelloInFiveSeconds("Вася"); // откроет модальное окно с сообщением
|
||||||
// "Привет, Вася" по истечении 5 секунд.
|
// "Привет, Вася" по истечении 5 секунд.
|
||||||
|
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 5. Немного об Объектах. Конструкторы и Прототипы
|
// 5. Немного еще об Объектах. Конструкторы и Прототипы
|
||||||
// 5. More about Objects; Constructors and Prototypes
|
|
||||||
|
|
||||||
// Объекты погут содержать функции
|
// Объекты могут содержать функции
|
||||||
// Objects can contain functions.
|
|
||||||
var myObj = {
|
var myObj = {
|
||||||
myFunc: function(){
|
myFunc: function(){
|
||||||
return "Hello world!";
|
return "Hello world!";
|
||||||
@@ -456,9 +361,7 @@ var myObj = {
|
|||||||
myObj.myFunc(); // = "Hello world!"
|
myObj.myFunc(); // = "Hello world!"
|
||||||
|
|
||||||
// Когда функции прикрепленные к объекту вызываются, они могут получить доступ
|
// Когда функции прикрепленные к объекту вызываются, они могут получить доступ
|
||||||
// к данным объекта, ипользую ключевое слово this.
|
// к данным объекта, ипользуя ключевое слово this.
|
||||||
// When functions attached to an object are called, they can access the object
|
|
||||||
// they're attached to using the this keyword.
|
|
||||||
myObj = {
|
myObj = {
|
||||||
myString: "Hello world!",
|
myString: "Hello world!",
|
||||||
myFunc: function(){
|
myFunc: function(){
|
||||||
@@ -470,16 +373,11 @@ myObj.myFunc(); // = "Hello world!"
|
|||||||
// Содержание this определяется исходя из того, как была вызвана функция, а
|
// Содержание this определяется исходя из того, как была вызвана функция, а
|
||||||
// не места её определения. По этой причине наша функция не будет работать вне
|
// не места её определения. По этой причине наша функция не будет работать вне
|
||||||
// контекста объекта.
|
// контекста объекта.
|
||||||
// What this is set to has to do with how the function is called, not where
|
|
||||||
// it's defined. So, our function doesn't work if it isn't called in the
|
|
||||||
// context of the object.
|
|
||||||
var myFunc = myObj.myFunc;
|
var myFunc = myObj.myFunc;
|
||||||
myFunc(); // = undefined
|
myFunc(); // = undefined
|
||||||
|
|
||||||
// И напротив, функция может быть присвоена объекту и получить доступ к нему
|
// И напротив, функция может быть присвоена объекту и получить доступ к нему
|
||||||
// через this, даже если она не была прикреплена к объекту в момент её создания.
|
// через this, даже если она не была прикреплена к объекту в момент её создания.
|
||||||
// Inversely, a function can be assigned to the object and gain access to it
|
|
||||||
// through this, even if it wasn't attached when it was defined.
|
|
||||||
var myOtherFunc = function(){
|
var myOtherFunc = function(){
|
||||||
return this.myString.toUpperCase();
|
return this.myString.toUpperCase();
|
||||||
}
|
}
|
||||||
@@ -487,23 +385,17 @@ myObj.myOtherFunc = myOtherFunc;
|
|||||||
myObj.myOtherFunc(); // = "HELLO WORLD!"
|
myObj.myOtherFunc(); // = "HELLO WORLD!"
|
||||||
|
|
||||||
// Также можно указать контекс выполнения фунции с помощью 'call' или 'apply'.
|
// Также можно указать контекс выполнения фунции с помощью 'call' или 'apply'.
|
||||||
// We can also specify a context for a function to execute in when we invoke it
|
|
||||||
// using 'call' or 'apply'.
|
|
||||||
|
|
||||||
var anotherFunc = function(s){
|
var anotherFunc = function(s){
|
||||||
return this.myString + s;
|
return this.myString + s;
|
||||||
}
|
}
|
||||||
anotherFunc.call(myObj, " And Hello Moon!"); // = "Hello World! And Hello Moon!"
|
anotherFunc.call(myObj, " And Hello Moon!"); // = "Hello World! And Hello Moon!"
|
||||||
|
|
||||||
// Функция 'apply' очень похожа, но принимает массив со списком аргументов.
|
// Функция 'apply' очень похожа, но принимает массив со списком аргументов.
|
||||||
// The 'apply' function is nearly identical, but takes an array for an argument list.
|
|
||||||
|
|
||||||
anotherFunc.apply(myObj, [" And Hello Sun!"]); // = "Hello World! And Hello Sun!"
|
anotherFunc.apply(myObj, [" And Hello Sun!"]); // = "Hello World! And Hello Sun!"
|
||||||
|
|
||||||
// Это может быть удобно, когда работаешь с фунцией принимающей на вход
|
// Это может быть удобно, когда работаешь с фунцией принимающей на вход
|
||||||
// последовательность аргументов и нужно передать их в виде массива.
|
// последовательность аргументов и нужно передать их в виде массива.
|
||||||
// This is useful when working with a function that accepts a sequence of arguments
|
|
||||||
// and you want to pass an array.
|
|
||||||
|
|
||||||
Math.min(42, 6, 27); // = 6
|
Math.min(42, 6, 27); // = 6
|
||||||
Math.min([42, 6, 27]); // = NaN (uh-oh!)
|
Math.min([42, 6, 27]); // = NaN (uh-oh!)
|
||||||
@@ -511,15 +403,12 @@ Math.min.apply(Math, [42, 6, 27]); // = 6
|
|||||||
|
|
||||||
// Однако, 'call' и 'apply' не имеют постоянного эффекта. Если вы хотите
|
// Однако, 'call' и 'apply' не имеют постоянного эффекта. Если вы хотите
|
||||||
// зафиксировать контекст для функции, используйте bind.
|
// зафиксировать контекст для функции, используйте bind.
|
||||||
// But, 'call' and 'apply' are only temporary. When we want it to stick, we can use
|
|
||||||
// bind.
|
|
||||||
|
|
||||||
var boundFunc = anotherFunc.bind(myObj);
|
var boundFunc = anotherFunc.bind(myObj);
|
||||||
boundFunc(" And Hello Saturn!"); // = "Hello World! And Hello Saturn!"
|
boundFunc(" And Hello Saturn!"); // = "Hello World! And Hello Saturn!"
|
||||||
|
|
||||||
// bind можно использовать чтобы частично передать аргументы в
|
// bind также можно использовать чтобы частично передать аргументы в
|
||||||
// функцию (каррировать).
|
// функцию (каррировать).
|
||||||
// Bind can also be used to partially apply (curry) a function.
|
|
||||||
|
|
||||||
var product = function(a, b){ return a * b; }
|
var product = function(a, b){ return a * b; }
|
||||||
var doubler = product.bind(this, 2);
|
var doubler = product.bind(this, 2);
|
||||||
@@ -528,9 +417,6 @@ doubler(8); // = 16
|
|||||||
// Когда функция вызывается с ключевым словом new, создается новый объект.
|
// Когда функция вызывается с ключевым словом new, создается новый объект.
|
||||||
// Данный объект становится доступным функции через ключевое слово this.
|
// Данный объект становится доступным функции через ключевое слово this.
|
||||||
// Функции спроектированные вызываться таким способом называются конструкторами.
|
// Функции спроектированные вызываться таким способом называются конструкторами.
|
||||||
// When you call a function with the new keyword, a new object is created, and
|
|
||||||
// made available to the function via the this keyword. Functions designed to be
|
|
||||||
// called like that are called constructors.
|
|
||||||
|
|
||||||
var MyConstructor = function(){
|
var MyConstructor = function(){
|
||||||
this.myNumber = 5;
|
this.myNumber = 5;
|
||||||
@@ -538,20 +424,14 @@ var MyConstructor = function(){
|
|||||||
myNewObj = new MyConstructor(); // = {myNumber: 5}
|
myNewObj = new MyConstructor(); // = {myNumber: 5}
|
||||||
myNewObj.myNumber; // = 5
|
myNewObj.myNumber; // = 5
|
||||||
|
|
||||||
// Любой объект в JavaScript имеет 'прототип'. Когда выпытаетесь получить доступ
|
// Любой объект в JavaScript имеет 'прототип'. Когда вы пытаетесь получить
|
||||||
// к свойству не объявленному в данном объекте, интерпретатор будет искать его
|
// доступ к свойству не объявленному в данном объекте, интерпретатор будет
|
||||||
// в прототипе.
|
// искать его в прототипе.
|
||||||
// Every JavaScript object has a 'prototype'. When you go to access a property
|
|
||||||
// on an object that doesn't exist on the actual object, the interpreter will
|
|
||||||
// look at its prototype.
|
|
||||||
|
|
||||||
// Некоторые реализации JS позволяют получить доступ к прототипу с помощью
|
// Некоторые реализации JS позволяют получить доступ к прототипу с помощью
|
||||||
// волшебного свойства __proto__. До момента пока оно не являются стандартным,
|
// "волшебного" свойства __proto__. До момента пока оно не являются стандартным,
|
||||||
// __proto__ полезно лишь для изучения прототипов в JavaScript. Мы разберемся
|
// __proto__ полезно лишь для изучения прототипов в JavaScript. Мы разберемся
|
||||||
// со стандартными способами работы с прототипом несколько позже.
|
// со стандартными способами работы с прототипом несколько позже.
|
||||||
// Some JS implementations let you access an object's prototype on the magic
|
|
||||||
// property __proto__. While this is useful for explaining prototypes it's not
|
|
||||||
// part of the standard; we'll get to standard ways of using prototypes later.
|
|
||||||
var myObj = {
|
var myObj = {
|
||||||
myString: "Hello world!"
|
myString: "Hello world!"
|
||||||
};
|
};
|
||||||
@@ -566,10 +446,8 @@ myObj.__proto__ = myPrototype;
|
|||||||
myObj.meaningOfLife; // = 42
|
myObj.meaningOfLife; // = 42
|
||||||
myObj.myFunc(); // = "hello world!"
|
myObj.myFunc(); // = "hello world!"
|
||||||
|
|
||||||
// Естествно, если в свойства нет в прототипе, поиск будет продолжен в прототипе
|
// Естественно, если в свойства нет в прототипе, поиск будет продолжен в
|
||||||
// прототипа и так далее.
|
// прототипе прототипа и так далее.
|
||||||
// Of course, if your property isn't on your prototype, the prototype's
|
|
||||||
// prototype is searched, and so on.
|
|
||||||
myPrototype.__proto__ = {
|
myPrototype.__proto__ = {
|
||||||
myBoolean: true
|
myBoolean: true
|
||||||
};
|
};
|
||||||
@@ -577,34 +455,22 @@ myObj.myBoolean; // = true
|
|||||||
|
|
||||||
// Ничего не копируется, каждый объект хранит ссылку на свой прототип. Если
|
// Ничего не копируется, каждый объект хранит ссылку на свой прототип. Если
|
||||||
// изменить прототип, все изменения отразятся во всех его потомках.
|
// изменить прототип, все изменения отразятся во всех его потомках.
|
||||||
// There's no copying involved here; each object stores a reference to its
|
|
||||||
// prototype. This means we can alter the prototype and our changes will be
|
|
||||||
// reflected everywhere.
|
|
||||||
myPrototype.meaningOfLife = 43;
|
myPrototype.meaningOfLife = 43;
|
||||||
myObj.meaningOfLife; // = 43
|
myObj.meaningOfLife; // = 43
|
||||||
|
|
||||||
// Как было сказано выше, __proto__ не является стандартом, и нет стандартного
|
// Как было сказано выше, __proto__ не является стандартом, и нет стандартного
|
||||||
// способа изменить прототип у созданного объекта. Однако, есть два способа
|
// способа изменить прототип у созданного объекта. Однако, есть два способа
|
||||||
// создать объект с заданным прототипом.
|
// создать объект с заданным прототипом.
|
||||||
// We mentioned that __proto__ was non-standard, and there's no standard way to
|
|
||||||
// change the prototype of an existing object. However, there are two ways to
|
|
||||||
// create a new object with a given prototype.
|
|
||||||
|
|
||||||
// Первый способ - Object.create, был добавлен в JS относительно недавно, и
|
// Первый способ - Object.create, был добавлен в JS относительно недавно, и
|
||||||
// потому не доступен в более ранних реализациях языка.
|
// потому не доступен в более ранних реализациях языка.
|
||||||
// The first is Object.create, which is a recent addition to JS, and therefore
|
|
||||||
// not available in all implementations yet.
|
|
||||||
var myObj = Object.create(myPrototype);
|
var myObj = Object.create(myPrototype);
|
||||||
myObj.meaningOfLife; // = 43
|
myObj.meaningOfLife; // = 43
|
||||||
|
|
||||||
// Второй вариан доступен везде и связан с конструкторами. Конструкторы имеют
|
// Второй вариан доступен везде и связан с конструкторами. Конструкторы имеют
|
||||||
// свойство prototype. Это воовсе не прототип функции конструктора, напротив,
|
// свойство prototype. Это вовсе не прототип функции конструктора, напротив,
|
||||||
// это прототип, который присваевается новым объектам, созданным с этим
|
// это прототип, который присваевается новым объектам, созданным с этим
|
||||||
// конструктором с помощью ключевого слова new.
|
// конструктором с помощью ключевого слова new.
|
||||||
// The second way, which works anywhere, has to do with constructors.
|
|
||||||
// Constructors have a property called prototype. This is *not* the prototype of
|
|
||||||
// the constructor function itself; instead, it's the prototype that new objects
|
|
||||||
// are given when they're created with that constructor and the new keyword.
|
|
||||||
MyConstructor.prototype = {
|
MyConstructor.prototype = {
|
||||||
myNumber: 5,
|
myNumber: 5,
|
||||||
getMyNumber: function(){
|
getMyNumber: function(){
|
||||||
@@ -618,53 +484,40 @@ myNewObj2.getMyNumber(); // = 6
|
|||||||
|
|
||||||
// У встроенных типов таких, как строки и числа, тоже есть конструкторы,
|
// У встроенных типов таких, как строки и числа, тоже есть конструкторы,
|
||||||
// создающие эквивалентные объекты-обертки.
|
// создающие эквивалентные объекты-обертки.
|
||||||
// Built-in types like strings and numbers also have constructors that create
|
|
||||||
// equivalent wrapper objects.
|
|
||||||
var myNumber = 12;
|
var myNumber = 12;
|
||||||
var myNumberObj = new Number(12);
|
var myNumberObj = new Number(12);
|
||||||
myNumber == myNumberObj; // = true
|
myNumber == myNumberObj; // = true
|
||||||
|
|
||||||
// Правда, они не совсем эквивалентны.
|
// Правда, они не совсем эквивалентны.
|
||||||
// Except, they aren't exactly equivalent.
|
|
||||||
typeof myNumber; // = 'number'
|
typeof myNumber; // = 'number'
|
||||||
typeof myNumberObj; // = 'object'
|
typeof myNumberObj; // = 'object'
|
||||||
myNumber === myNumberObj; // = false
|
myNumber === myNumberObj; // = false
|
||||||
if (0){
|
if (0){
|
||||||
// Этот фрагмент кода не будет выпонен, так как 0 приводится к false
|
// Этот фрагмент кода не будет выпонен, так как 0 приводится к false
|
||||||
// This code won't execute, because 0 is falsy.
|
|
||||||
}
|
}
|
||||||
if (Number(0)){
|
if (Number(0)){
|
||||||
// Этот фрагмент кода *будет* выпонен, так как Number(0) приводится к true.
|
// Этот фрагмент кода *будет* выпонен, так как Number(0) приводится к true.
|
||||||
// This code *will* execute, because Number(0) is truthy.
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Однако, оберточные объекты и обычные встроенные типы имеют общие прототипы,
|
// Однако, оберточные объекты и обычные встроенные типы имеют общие прототипы,
|
||||||
// следовательно вы можете расширить функциональность строки, например.
|
// следовательно вы можете расширить функциональность строки, например.
|
||||||
// However, the wrapper objects and the regular builtins share a prototype, so
|
|
||||||
// you can actually add functionality to a string, for instance.
|
|
||||||
String.prototype.firstCharacter = function(){
|
String.prototype.firstCharacter = function(){
|
||||||
return this.charAt(0);
|
return this.charAt(0);
|
||||||
}
|
}
|
||||||
"abc".firstCharacter(); // = "a"
|
"abc".firstCharacter(); // = "a"
|
||||||
|
|
||||||
// Этот факт часто используется для создания полифилов(polyfill) - реализации
|
// Этот факт часто используется для создания полифилов(polyfill) - реализации
|
||||||
// новых возможностей JS в его болле старых версиях для того чтобы их можно было
|
// новых возможностей JS в его более старых версиях для того чтобы их можно было
|
||||||
// использовать в устаревших браузерах.
|
// использовать в устаревших браузерах.
|
||||||
// This fact is often used in "polyfilling", which is implementing newer
|
|
||||||
// features of JavaScript in an older subset of JavaScript, so that they can be
|
|
||||||
// used in older environments such as outdated browsers.
|
|
||||||
|
|
||||||
// Например, мы упомянули, что Object.create не доступен во всех версиях
|
// Например, мы упомянули, что Object.create не доступен во всех версиях
|
||||||
// JavaScript, но мы можем создать полифилл.
|
// JavaScript, но мы можем создать полифилл.
|
||||||
// For instance, we mentioned that Object.create isn't yet available in all
|
if (Object.create === undefined){ // не переопределяем, если есть
|
||||||
// implementations, but we can still use it with this polyfill:
|
|
||||||
if (Object.create === undefined){ // не переопределяем если есть
|
|
||||||
Object.create = function(proto){
|
Object.create = function(proto){
|
||||||
// создаем временный конструктор с заданным прототипом
|
// создаем временный конструктор с заданным прототипом
|
||||||
var Constructor = function(){};
|
var Constructor = function(){};
|
||||||
Constructor.prototype = proto;
|
Constructor.prototype = proto;
|
||||||
// создаём новый объект с правильным прототипом
|
// создаём новый объект с правильным прототипом
|
||||||
// then use it to create a new, appropriately-prototyped object
|
|
||||||
return new Constructor();
|
return new Constructor();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user