mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2024-12-23 17:41:41 +00:00
Update javascript-ua.html.markdown
Fixed translation and heading.
This commit is contained in:
parent
ae654256e5
commit
4077facd3c
@ -3,11 +3,11 @@ language: javascript
|
|||||||
contributors:
|
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"]
|
||||||
filename: javascript-ru.js
|
filename: javascript-ua.js
|
||||||
translators:
|
translators:
|
||||||
- ["Alexey Gonchar", "http://github.com/finico"]
|
- ["Ivan Neznayu", "https://github.com/IvanEh"]
|
||||||
- ["Andre Polykanine", "https://github.com/Oire"]
|
- ["Serhii Maksymchuk", "https://maximchuk.tk"]
|
||||||
lang: ru-ru
|
lang: uk-ua
|
||||||
---
|
---
|
||||||
|
|
||||||
JavaScript було створено в 1995 році Бренданом Айком, який працював у копаніх Netscape.
|
JavaScript було створено в 1995 році Бренданом Айком, який працював у копаніх Netscape.
|
||||||
@ -25,7 +25,7 @@ JavaScript було створено в 1995 році Бренданом Айк
|
|||||||
/* а багаторядкові коментарі починаються з послідовності слеша та зірочки і
|
/* а багаторядкові коментарі починаються з послідовності слеша та зірочки і
|
||||||
закінчуються символами зірочка-слеш */
|
закінчуються символами зірочка-слеш */
|
||||||
|
|
||||||
Інструкції можуть закінчуватися крапкою з комою ;
|
//Інструкції можуть закінчуватися крапкою з комою ;
|
||||||
doStuff();
|
doStuff();
|
||||||
|
|
||||||
// ... але не обов’язково, тому що крапка з комою автоматично вставляється на
|
// ... але не обов’язково, тому що крапка з комою автоматично вставляється на
|
||||||
@ -51,7 +51,7 @@ doStuff()
|
|||||||
10 * 2; // = 20
|
10 * 2; // = 20
|
||||||
35 / 5; // = 7
|
35 / 5; // = 7
|
||||||
|
|
||||||
// В тому числі ділення з остачою
|
// В тому числі ділення з остачею
|
||||||
5 / 2; // = 2.5
|
5 / 2; // = 2.5
|
||||||
|
|
||||||
// В JavaScript є побітові операції; коли ви виконуєте таку операцію,
|
// В JavaScript є побітові операції; коли ви виконуєте таку операцію,
|
||||||
@ -73,7 +73,7 @@ false;
|
|||||||
|
|
||||||
// Рядки створюються за допомогою подвійних та одинарних лапок
|
// Рядки створюються за допомогою подвійних та одинарних лапок
|
||||||
'абв';
|
'абв';
|
||||||
"Hello, world!";
|
"Світ, привіт!";
|
||||||
|
|
||||||
// Для логічного заперечення використовується знак оклику.
|
// Для логічного заперечення використовується знак оклику.
|
||||||
!true; // = false
|
!true; // = false
|
||||||
@ -93,10 +93,10 @@ false;
|
|||||||
2 <= 2; // = true
|
2 <= 2; // = true
|
||||||
2 >= 2; // = true
|
2 >= 2; // = true
|
||||||
|
|
||||||
// Рядки об’єднуються за допомогою оператор +
|
// Рядки об’єднуються за допомогою оператора +
|
||||||
"hello, " + "world!"; // = "hello, world!"
|
"hello, " + "world!"; // = "hello, world!"
|
||||||
|
|
||||||
// І порівнюються за допомогою > і <
|
// І порівнюються за допомогою > та <
|
||||||
"a" < "b"; // = true
|
"a" < "b"; // = true
|
||||||
|
|
||||||
// Перевірка на рівність з приведнням типів здійснюється оператором ==
|
// Перевірка на рівність з приведнням типів здійснюється оператором ==
|
||||||
@ -112,7 +112,7 @@ null === undefined; // = false
|
|||||||
"13" + !0; // '13true'
|
"13" + !0; // '13true'
|
||||||
|
|
||||||
// Можна отримати доступ до будь-якого символа рядка за допомгою charAt
|
// Можна отримати доступ до будь-якого символа рядка за допомгою charAt
|
||||||
"Это строка".charAt(0); // = 'Э'
|
"Це рядок".charAt(0); // = 'Ц'
|
||||||
|
|
||||||
// ... або використати метод substring, щоб отримати більший кусок
|
// ... або використати метод substring, щоб отримати більший кусок
|
||||||
"Hello, world".substring(0, 5); // = "Hello"
|
"Hello, world".substring(0, 5); // = "Hello"
|
||||||
@ -124,8 +124,8 @@ null === undefined; // = false
|
|||||||
null; // навмисна відсутність результату
|
null; // навмисна відсутність результату
|
||||||
undefined; // використовується для позначення відсутності присвоєного значення
|
undefined; // використовується для позначення відсутності присвоєного значення
|
||||||
|
|
||||||
// false, null, undefined, NaN, 0 и "" — хиба; все інше - істина.
|
// false, null, undefined, NaN, 0 та "" — хиба; все інше - істина.
|
||||||
// Потрібно відмітити, що 0 — це зиба, а "0" — істина, не зважаючи на те що:
|
// Потрібно відмітити, що 0 — це хиба, а "0" — істина, не зважаючи на те що:
|
||||||
// 0 == "0".
|
// 0 == "0".
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
@ -139,7 +139,7 @@ var someVar = 5;
|
|||||||
// якщо пропустити слово var, ви не отримаєте повідомлення про помилку, ...
|
// якщо пропустити слово var, ви не отримаєте повідомлення про помилку, ...
|
||||||
someOtherVar = 10;
|
someOtherVar = 10;
|
||||||
|
|
||||||
// ... але ваша змінна буде створення в глобальному контексті, а не там, де
|
// ... але ваша змінна буде створена в глобальному контексті, а не там, де
|
||||||
// ви її оголосили
|
// ви її оголосили
|
||||||
|
|
||||||
// Змінні, які оголошені без присвоєння, автоматично приймають значення undefined
|
// Змінні, які оголошені без присвоєння, автоматично приймають значення undefined
|
||||||
@ -153,21 +153,21 @@ someVar *= 10; // тепер someVar = 100
|
|||||||
someVar++; // тепер someVar дорівнює 101
|
someVar++; // тепер someVar дорівнює 101
|
||||||
someVar--; // а зараз 100
|
someVar--; // а зараз 100
|
||||||
|
|
||||||
// Масиви — це нумеровані списку, які зберігають значення будь-якого типу.
|
// Масиви — це нумеровані списки, які зберігають значення будь-якого типу.
|
||||||
var myArray = ["Hello", 45, true];
|
var myArray = ["Привіт", 45, true];
|
||||||
|
|
||||||
// Доступ до елементів можна отримати за допомогою синтаксиса з квадратними дужками
|
// Доступ до елементів можна отримати за допомогою синтаксиса з квадратними дужками
|
||||||
// Індексація починається з нуля
|
// Індексація починається з нуля
|
||||||
myArray[1]; // = 45
|
myArray[1]; // = 45
|
||||||
|
|
||||||
// Массивы можно изменять, как и их длину,
|
// Масиви можна змінювати, як і їх довжину
|
||||||
myArray.push("Мир");
|
myArray.push("Привіт");
|
||||||
myArray.length; // = 4
|
myArray.length; // = 4
|
||||||
|
|
||||||
// додавання і редагування елементів
|
// Додавання і редагування елементів
|
||||||
myArray[3] = "Hello";
|
myArray[3] = "світ";
|
||||||
|
|
||||||
// Об’єкти в JavaScript сході на словники або асоціативні масиви в інших мовах
|
// Об’єкти в JavaScript схожі на словники або асоціативні масиви в інших мовах
|
||||||
var myObj = {key1: "Hello", key2: "World"};
|
var myObj = {key1: "Hello", key2: "World"};
|
||||||
|
|
||||||
// Ключі - це рядки, але лапки не обов’язкі, якщо ключ задовольняє
|
// Ключі - це рядки, але лапки не обов’язкі, якщо ключ задовольняє
|
||||||
@ -183,11 +183,11 @@ myObj.myKey; // = "myValue"
|
|||||||
// Об’єкти можна динамічно змінювати й додавати нові поля
|
// Об’єкти можна динамічно змінювати й додавати нові поля
|
||||||
myObj.myThirdKey = true;
|
myObj.myThirdKey = true;
|
||||||
|
|
||||||
// Коли ви звертаєтесб до поля, яке не існує, ви отримуєте значення undefined
|
// Коли ви звертаєтесь до поля, що не існує, ви отримуєте значення undefined
|
||||||
myObj.myFourthKey; // = undefined
|
myObj.myFourthKey; // = undefined
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 3. Управляючі конструкції
|
// 3. Керуючі конструкції
|
||||||
|
|
||||||
// Синтаксис для цього розділу майже такий самий, як у Java
|
// Синтаксис для цього розділу майже такий самий, як у Java
|
||||||
|
|
||||||
@ -212,7 +212,7 @@ do {
|
|||||||
input = getInput();
|
input = getInput();
|
||||||
} while (!isValid(input))
|
} while (!isValid(input))
|
||||||
|
|
||||||
// цикл for такий самий, кяк в C і Java:
|
// цикл for такий самий, як в C і Java:
|
||||||
// ініціалізація; умова; крок.
|
// ініціалізація; умова; крок.
|
||||||
for (var i = 0; i < 5; i++) {
|
for (var i = 0; i < 5; i++) {
|
||||||
// виконається 5 разів
|
// виконається 5 разів
|
||||||
@ -226,7 +226,7 @@ if (color == "red" || color == "blue") {
|
|||||||
// колір червоний або синій
|
// колір червоний або синій
|
||||||
}
|
}
|
||||||
|
|
||||||
// && і || використовують скорочене обчислення
|
// && та || використовують скорочене обчислення
|
||||||
// тому їх можна використовувати для задання значень за замовчуванням.
|
// тому їх можна використовувати для задання значень за замовчуванням.
|
||||||
var name = otherName || "default";
|
var name = otherName || "default";
|
||||||
|
|
||||||
@ -260,7 +260,7 @@ myFunction("foo"); // = "FOO"
|
|||||||
|
|
||||||
// Зверність увагу, що значення яке буде повернено, повинно починатися на тому ж
|
// Зверність увагу, що значення яке буде повернено, повинно починатися на тому ж
|
||||||
// рядку, що і ключове слово return, інакше завжди буде повертатися значення undefined
|
// рядку, що і ключове слово return, інакше завжди буде повертатися значення undefined
|
||||||
// із-за автоматичної вставки крапки з комою
|
// через автоматичну вставку крапки з комою
|
||||||
function myFunction()
|
function myFunction()
|
||||||
{
|
{
|
||||||
return // <- крапка з комою вставляється автоматично
|
return // <- крапка з комою вставляється автоматично
|
||||||
@ -279,8 +279,6 @@ function myFunction() {
|
|||||||
setTimeout(myFunction, 5000);
|
setTimeout(myFunction, 5000);
|
||||||
// setTimeout не є частиною мови, але реалізований в браузерах і Node.js
|
// setTimeout не є частиною мови, але реалізований в браузерах і Node.js
|
||||||
|
|
||||||
// Функции не обязательно должны иметь имя при объявлении — вы можете написать
|
|
||||||
// анонимное определение функции непосредственно в аргументе другой функции.
|
|
||||||
// Функції не обов’язково мають мати ім’я при оголошенні — ви можете написати
|
// Функції не обов’язково мають мати ім’я при оголошенні — ви можете написати
|
||||||
// анонімну функцію прямо в якості аргумента іншої функції
|
// анонімну функцію прямо в якості аргумента іншої функції
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
@ -288,11 +286,11 @@ setTimeout(function() {
|
|||||||
}, 5000);
|
}, 5000);
|
||||||
|
|
||||||
// В JavaScript реалізована концепція області видимості; функції мають свою
|
// В JavaScript реалізована концепція області видимості; функції мають свою
|
||||||
// область видимости, а інші блоки не мають
|
// область видимості, а інші блоки не мають
|
||||||
if (true) {
|
if (true) {
|
||||||
var i = 5;
|
var i = 5;
|
||||||
}
|
}
|
||||||
i; // = 5, а не undefined, як це звичайно буває в інших мова
|
i; // = 5, а не undefined, як це звичайно буває в інших мовах
|
||||||
|
|
||||||
// Така особливість призвела до шаблону "анонімних функцій, які викликають самих себе"
|
// Така особливість призвела до шаблону "анонімних функцій, які викликають самих себе"
|
||||||
// що дозволяє уникнути проникнення змінних в глобальну область видимості
|
// що дозволяє уникнути проникнення змінних в глобальну область видимості
|
||||||
@ -305,26 +303,22 @@ i; // = 5, а не undefined, як це звичайно буває в інши
|
|||||||
temporary; // повідомлення про помилку ReferenceError
|
temporary; // повідомлення про помилку ReferenceError
|
||||||
permanent; // = 10
|
permanent; // = 10
|
||||||
|
|
||||||
// Одной из самых мощных возможностей JavaScript являются замыкания. Если функция
|
// Замикання - один з найпотужніших інтрументів JavaScript. Якщо функція визначена
|
||||||
// определена внутри другой функции, то внутренняя функция имеет доступ к
|
|
||||||
// переменным внешней функции даже после того, как контекст выполнения выйдет из
|
|
||||||
// внешней функции.
|
|
||||||
// Замикання - одна з найпотужніших інтрументів JavaScript. Якщо функція визначена
|
|
||||||
// всередині іншої функції, то внутрішня функція має доступ до змінних зовнішньої
|
// всередині іншої функції, то внутрішня функція має доступ до змінних зовнішньої
|
||||||
// функції навіть після того, як код буде виконуватися поза контекстом зовнішньої функції
|
// функції навіть після того, як код буде виконуватися поза контекстом зовнішньої функції
|
||||||
function sayHelloInFiveSeconds(name) {
|
function sayHelloInFiveSeconds(name) {
|
||||||
var prompt = "Hello, " + name + "!";
|
var prompt = "Привіт, " + name + "!";
|
||||||
// Внутрішня функція зберігається в локальній області так,
|
// Внутрішня функція зберігається в локальній області так,
|
||||||
// ніби функція була оголошена за допомогою ключового слова var
|
// ніби функція була оголошена за допомогою ключового слова var
|
||||||
function inner() {
|
function inner() {
|
||||||
alert(prompt);
|
alert(prompt);
|
||||||
}
|
}
|
||||||
setTimeout(inner, 5000);
|
setTimeout(inner, 5000);
|
||||||
// setTimeout асинхронна, тому функція sayHelloInFiveSeconds зразу завершиться,
|
// setTimeout асинхронна, тому функція sayHelloInFiveSeconds одразу завершиться,
|
||||||
// після чого setTimeout викличе функцію inner. Але функція inner
|
// після чого setTimeout викличе функцію inner. Але функція inner
|
||||||
// «замкнута» кругом sayHelloInFiveSeconds, вона все рівно має доступ до змінної prompt
|
// «замкнута» кругом sayHelloInFiveSeconds, вона все рівно має доступ до змінної prompt
|
||||||
}
|
}
|
||||||
sayHelloInFiveSeconds("Адам"); // Через 5 с відкриється вікно «Hello, Адам!»
|
sayHelloInFiveSeconds("Адам"); // Через 5 с відкриється вікно «Привіт, Адам!»
|
||||||
|
|
||||||
///////////////////////////////////
|
///////////////////////////////////
|
||||||
// 5. Об’єкти: конструктори і прототипи
|
// 5. Об’єкти: конструктори і прототипи
|
||||||
@ -394,7 +388,7 @@ myNewObj = new MyConstructor(); // = {myNumber: 5}
|
|||||||
myNewObj.myNumber; // = 5
|
myNewObj.myNumber; // = 5
|
||||||
|
|
||||||
// У кожного об’єкта є прототип. Коли ви звертаєтесь до поля, яке не існує в цьому
|
// У кожного об’єкта є прототип. Коли ви звертаєтесь до поля, яке не існує в цьому
|
||||||
// об’єктів, інтерпретатор буде шукати поле в прототипі
|
// об’єкті, інтерпретатор буде шукати поле в прототипі
|
||||||
|
|
||||||
// Деякі реалізації мови дозволяють отримати доступ до прототипа об’єкта через
|
// Деякі реалізації мови дозволяють отримати доступ до прототипа об’єкта через
|
||||||
// "магічну" властивість __proto__. Це поле не є частиною стандарта, але існують
|
// "магічну" властивість __proto__. Це поле не є частиною стандарта, але існують
|
||||||
@ -415,24 +409,24 @@ myObj.meaningOfLife; // = 42
|
|||||||
// Аналогічно для функцій
|
// Аналогічно для функцій
|
||||||
myObj.myFunc(); // = "Hello, world!"
|
myObj.myFunc(); // = "Hello, world!"
|
||||||
|
|
||||||
// Якщо інтерпретатор не знайде властивість в прототипі, то він продвжить пошук
|
// Якщо інтерпретатор не знайде властивість в прототипі, то він продовжить пошук
|
||||||
// в прототипі прототипа і так далі
|
// в прототипі прототипа і так далі
|
||||||
myPrototype.__proto__ = {
|
myPrototype.__proto__ = {
|
||||||
myBoolean: true
|
myBoolean: true
|
||||||
};
|
};
|
||||||
myObj.myBoolean; // = true
|
myObj.myBoolean; // = true
|
||||||
|
|
||||||
// Кожег об’єкт зберігає посилання на свій прототип. Це значить, що ми можемо змінити
|
// Кожен об’єкт зберігає посилання на свій прототип. Це значить, що ми можемо змінити
|
||||||
// наш прототип, і наші зміни будуть всюди відображені.
|
// наш прототип, і наші зміни будуть всюди відображені.
|
||||||
myPrototype.meaningOfLife = 43;
|
myPrototype.meaningOfLife = 43;
|
||||||
myObj.meaningOfLife; // = 43
|
myObj.meaningOfLife; // = 43
|
||||||
|
|
||||||
// Ми сказали, що властивість __proto__ нестандартне, і нема ніякого стандартного способу
|
// Ми сказали, що властивість __proto__ нестандартна, і нема ніякого стандартного способу
|
||||||
// змінити прототип об’єкта, що вже існує. Але є два способи створити новий об’єкт зі заданим
|
// змінити прототип об’єкта, що вже існує. Але є два способи створити новий об’єкт із заданим
|
||||||
// прототипом
|
// прототипом
|
||||||
|
|
||||||
// Перший спосіб — це Object.create, який з’явився JavaScript недавно,
|
// Перший спосіб — це Object.create, який з’явився в JavaScript недавно,
|
||||||
// а тому в деяких реалізаціях може бути не доступним.
|
// а тому в деяких реалізаціях може бути недоступним.
|
||||||
var myObj = Object.create(myPrototype);
|
var myObj = Object.create(myPrototype);
|
||||||
myObj.meaningOfLife; // = 43
|
myObj.meaningOfLife; // = 43
|
||||||
|
|
||||||
@ -461,7 +455,7 @@ typeof myNumber; // = 'number'
|
|||||||
typeof myNumberObj; // = 'object'
|
typeof myNumberObj; // = 'object'
|
||||||
myNumber === myNumberObj; // = false
|
myNumber === myNumberObj; // = false
|
||||||
if (0) {
|
if (0) {
|
||||||
// Этот код не выполнится, потому что 0 - это ложь.
|
// Цей код не виконається, тому що 0 - це хиба.
|
||||||
}
|
}
|
||||||
|
|
||||||
// Об’єкти-обгортки і вбудовані типи мають спільні прототипи, тому
|
// Об’єкти-обгортки і вбудовані типи мають спільні прототипи, тому
|
||||||
@ -475,9 +469,9 @@ String.prototype.firstCharacter = function() {
|
|||||||
// JavaScript в старій реалізації мови, так що вони можуть бути використані в старих
|
// JavaScript в старій реалізації мови, так що вони можуть бути використані в старих
|
||||||
// середовищах
|
// середовищах
|
||||||
|
|
||||||
// Наприклад, Object.create доступний не у всіх реалізація, но ми можемо
|
// Наприклад, Object.create доступний не у всіх реалізаціях, але ми можемо
|
||||||
// використати функції за допомогою наступного поліфіла:
|
// використати функції за допомогою наступного поліфіла:
|
||||||
if (Object.create === undefined) { // не перезаписываем метод, если он существует
|
if (Object.create === undefined) { // не перезаписуємо метод, якщо він існує
|
||||||
Object.create = function(proto) {
|
Object.create = function(proto) {
|
||||||
// Створюємо правильний конструктор з правильним прототипом
|
// Створюємо правильний конструктор з правильним прототипом
|
||||||
var Constructor = function(){};
|
var Constructor = function(){};
|
||||||
|
Loading…
Reference in New Issue
Block a user