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