📘 Основы JavaScript: Полное руководство для начинающих трейдеров

Вступление: почему JavaScript — идеальный старт для трейдера-программиста

Вы трейдер. Вы хотите автоматизировать свои стратегии, создать виджет котировок или написать бота. Какой язык выбрать? Python — хорош, но требует установки и настройки окружения. C++ — мощный, но сложный. А есть JavaScript — язык, который работает прямо в браузере, не требует установки, а его синтаксис дружелюбен даже к тем, кто никогда не программировал.

JavaScript — это язык, на котором работает 98% всех веб-сайтов. Но в последние годы он вышел далеко за пределы браузера. С помощью Node.js на JavaScript пишут серверные приложения, торговых ботов, обрабатывают Big Data и даже управляют роботами. И для трейдера это отличный выбор: вы можете быстро создать прототип стратегии, визуализировать её в браузере и, если нужно, развернуть бота на сервере — всё на одном языке.

В этом руководстве я дам вам все основы JavaScript с фокусом на практику: переменные, функции, массивы, объекты, работа со временем и событиями. А в конце — реальный пример: простой виджет котировок, который обновляется в реальном времени.

«JavaScript — это единственный язык, на котором вы можете написать бота, нарисовать график и запустить сервер, не выходя из браузера. Идеальный инструмент для трейдера-одиночки».

1. Первая программа и среда выполнения

Самый простой способ запустить JavaScript — открыть консоль браузера. Нажмите F12 (Chrome, Edge) или Ctrl+Shift+I, перейдите на вкладку «Console» и напишите:

console.log("Привет, трейдер!");

Вы увидите ответ. Поздравляю, вы написали свою первую программу!

Альтернативы для серьёзной работы:

• 🔹 VS Code — лучший редактор кода (бесплатно).
• 🔹 Node.js — для запуска JavaScript на сервере (вне браузера).
• 🔹 CodePen, JSFiddle — онлайн-песочницы, если не хотите ничего устанавливать.

2. Переменные и типы данных

В JavaScript есть три способа объявить переменную:

• let — переменная, которую можно менять.
• const — переменная, которую нельзя переопределить (константа).
• var — устаревший способ, не рекомендуется.

let price = 50000;           // число (Number)
const symbol = "BTC/USDT";   // строка (String)
let isTrading = true;        // булево значение (Boolean)
let stopLoss = null;         // специальное значение «ничего»
let takeProfit;              // undefined — переменная объявлена, но не инициализирована

JavaScript — динамически типизированный язык. Тип переменной может меняться:

let x = 100;    // x — число
x = "сто";      // x — строка

Это удобно для быстрого прототипирования, но в больших проектах лучше использовать TypeScript (надстройка над JS с типами).

3. Условные операторы (if, else, switch)

Любая торговая логика строится на условиях. JavaScript поддерживает классические конструкции:

let price = 50000;
let sma20 = 49000;

if (price > sma20) {
    console.log("Цена выше средней — возможен лонг");
} else if (price < sma20) {
    console.log("Цена ниже средней — возможен шорт");
} else {
    console.log("Цена на уровне — наблюдаем");
}

Тернарный оператор (короткая запись):

let signal = price > sma20 ? "BUY" : "SELL";

4. Функции: создание и вызов

Функции — это кирпичики вашей программы. Они позволяют не повторять один и тот же код.

Обычная функция:

function calculateSMA(prices, period) {
    if (prices.length < period) return null;
    let sum = 0;
    for (let i = prices.length - period; i < prices.length; i++) {
        sum += prices[i];
    }
    return sum / period;
}

let closes = [67400, 67850, 68000, 67500, 68200];
let sma = calculateSMA(closes, 3);
console.log(sma); // 67900

const add = (a, b) => a + b;
console.log(add(10, 20)); // 30

5. Массивы — как хранить историю цен

Массив — это упорядоченная коллекция данных. В трейдинге массивы нужны для хранения цен закрытия, объёмов, временных меток.

// Создание и заполнение
let prices = [67400, 67850, 68000, 67500, 68200];

// Доступ к элементам (индексация с 0)
console.log(prices[0]);   // 67400
console.log(prices.length); // 5

// Добавление в конец
prices.push(68500);

// Перебор массива
for (let price of prices) {
    console.log(price);
}

// Методы для трейдера
let maxPrice = Math.max(...prices);   // 68500
let minPrice = Math.min(...prices);   // 67400
let average = prices.reduce((a, b) => a + b, 0) / prices.length;

6. Объекты — структурируем данные о сделке

Объект — это набор пар «ключ: значение». Идеально подходит для хранения информации о сделке или стратегии.

let trade = {
    symbol: "BTC/USDT",
    entryPrice: 50000,
    stopLoss: 49500,
    takeProfit: 51000,
    isOpen: true,
    openTime: new Date()
};

console.log(trade.entryPrice);     // 50000
console.log(trade["symbol"]);      // BTC/USDT

// Добавление новых полей
trade.size = 0.1;
console.log(trade);

7. Асинхронность: таймеры, промисы, async/await

В трейдинге очень важно уметь выполнять действия с задержкой (например, проверять цену каждую секунду) и работать с сетевыми запросами (API бирж). JavaScript — асинхронный язык, и это его суперсила.

setTimeout и setInterval (таймеры):

// Выполнить код через 3 секунды
setTimeout(() => {
    console.log("Прошло 3 секунды — пора проверить стоп-лосс");
}, 3000);

// Выполнять код каждые 5 секунд (имитация проверки цены)
let interval = setInterval(() => {
    console.log("Проверка цены...");
}, 5000);

// Остановка через 30 секунд
setTimeout(() => clearInterval(interval), 30000);

Промисы и async/await (работа с API):

Современный способ работы с асинхронными операциями. Пример получения котировок:

async function fetchPrice() {
    try {
        const response = await fetch('https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT');
        const data = await response.json();
        console.log(`BTC/USDT: ${data.price}`);
    } catch (error) {
        console.error('Ошибка загрузки цены:', error);
    }
}

fetchPrice();

Функция fetch возвращает Promise, а await ждёт результат. Это основа для любого торгового бота, который запрашивает котировки с биржи.

8. Практический пример: виджет котировок в реальном времени

Соединим всё вместе. Создадим простую HTML-страницу с виджетом, который обновляет цену каждые 5 секунд.

<!DOCTYPE html>
<html>
<body>
    <h1>Котировки BTC/USDT</h1>
    <p>Цена: <span id="price">загрузка...</span></p>
    <p>Время последнего обновления: <span id="time"></span></p>

    <script>
        async function updatePrice() {
            try {
                const response = await fetch('https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT');
                const data = await response.json();
                document.getElementById('price').textContent = data.price;
                document.getElementById('time').textContent = new Date().toLocaleTimeString();
            } catch (err) {
                document.getElementById('price').textContent = 'ошибка загрузки';
            }
        }
        
        updatePrice();                   // первый вызов
        setInterval(updatePrice, 5000); // обновление каждые 5 секунд
    </script>
</body>
</html>

Сохраните код в файл widget.html и откройте в браузере. Вы увидите живые котировки с Binance. Поздравляю, вы написали свой первый трейдинг-виджет!

9. Что дальше: дорожная карта изучения JavaScript для трейдера

Уровень 1. Основы (1-2 недели)

• ✅ Переменные, типы данных, функции, циклы, условия
• ✅ Массивы и объекты
• ✅ Таймеры (setTimeout, setInterval)

Уровень 2. Продвинутые темы (2-3 недели)

• ✅ Асинхронность: промисы, async/await
• ✅ Работа с API (fetch)
• ✅ Обработка ошибок (try...catch)

Уровень 3. Трейдинговая практика (3-4 недели)

• ✅ Написание индикаторов (SMA, RSI) на JavaScript
• ✅ Создание виджета с графиком (библиотека Chart.js или Lightweight Charts)
• ✅ Подключение к WebSocket Binance (реальное время)
• ✅ Написание простого торгового бота на Node.js

Заключение: JavaScript — ваш ключ к автоматизации трейдинга

JavaScript не заменит Python в аналитике и не победит C++ в HFT. Но для 90% задач трейдера-разработчика его более чем достаточно. Вы сможете создавать виджеты котировок, технические индикаторы, ботов для криптобирж и даже небольшие веб-терминалы — всё на одном языке, без необходимости изучать десяток технологий.

Начните с малого: откройте консоль браузера, напишите console.log("Я буду торговать автоматически");. Потом напишите функцию расчёта SMA. Потом создайте виджет, как в примере. Через месяц вы удивитесь, сколько всего можно сделать на JavaScript. А когда появится уверенность — напишете своего первого бота на Node.js.

И помните: код не гарантирует прибыль. Но он гарантирует, что вы перестанете совершать ошибки из-за эмоций. А это уже половина успеха в трейдинге.

«JavaScript — это язык, который позволяет вам торговать, пока вы спите. Если, конечно, вы не забыли поставить стоп-лосс в коде».