🚀 JavaScript Session 1

// Global Scope - ყველგან ხელმისაწვდომი
let globalVar = "I'm global!";
var oldGlobal = "I'm also global!";

function showGlobal() {
    console.log(globalVar); // ხელმისაწვდომია
    console.log(oldGlobal); // ხელმისაწვდომია
}

showGlobal(); // "I'm global!" "I'm also global!"

function myFunction() {
    let functionVar = "I'm in function scope";
    var oldFunctionVar = "Me too!";
    
    console.log(functionVar); // მუშაობს
    console.log(oldFunctionVar); // მუშაობს
}

myFunction();

// console.log(functionVar); // Error! არ არის ხელმისაწვდომი
// console.log(oldFunctionVar); // Error! არ არის ხელმისაწვდომი

// Block Scope - let და const გამოყენებისას
if (true) {
    let blockVar = "I'm in block scope";
    const blockConst = "Me too!";
    var oldVar = "I'm not!";
    
    console.log(blockVar); // მუშაობს
    console.log(blockConst); // მუშაობს
}

// console.log(blockVar); // Error!
// console.log(blockConst); // Error!
console.log(oldVar); // მუშაობს! var არ იცნობს block scope-ს

// for loop-ში block scope
for (let i = 0; i < 3; i++) {
    console.log(i); // 0, 1, 2
}
// console.log(i); // Error!

let globalVar = "Global";

function outerFunction() {
    let outerVar = "Outer";
    
    function innerFunction() {
        let innerVar = "Inner";
        
        // ყველა ცვლადი ხელმისაწვდომია
        console.log(innerVar);  // "Inner"
        console.log(outerVar);  // "Outer"
        console.log(globalVar); // "Global"
    }
    
    innerFunction();
    // console.log(innerVar); // Error! არ არის ხელმისაწვდომი
}

outerFunction();

let name = "Global Ana";

function level1() {
    let name = "Level1 Nino";
    
    function level2() {
        let name = "Level2 Mari";
        
        function level3() {
            // name-ს არ აქვს ლოკალური განსაზღვრება
            console.log(name); // "Level2 Mari" - ახლო scope-იდან
        }
        
        level3();
    }
    
    level2();
}

level1();

// მაგალითი scope chain-ზე
function findVariable() {
    // let searchVar = "local"; // ამის კომენტარი გაუკეთეთ
    
    function inner() {
        console.log(searchVar); // ეძებს parent scope-ებში
    }
    
    inner();
}

let searchVar = "global";
findVariable(); // "global"

function createCounter() {
    let count = 0; // private ცვლადი
    
    return function() {
        count++; // შიდა ფუნქცია ახსოვს parent-ის ცვლადს
        return count;
    };
}

const counter1 = createCounter();
const counter2 = createCounter();

console.log(counter1()); // 1
console.log(counter1()); // 2
console.log(counter2()); // 1 (განცალკევებული counter)
console.log(counter1()); // 3

function createBankAccount(initialBalance) {
    let balance = initialBalance;
    
    return {
        deposit: function(amount) {
            balance += amount;
            return balance;
        },
        
        withdraw: function(amount) {
            if (amount <= balance) {
                balance -= amount;
                return balance;
            }
            return "არასაკმარისი თანხა";
        },
        
        getBalance: function() {
            return balance;
        }
    };
}

const myAccount = createBankAccount(1000);

console.log(myAccount.getBalance()); // 1000
console.log(myAccount.deposit(500));  // 1500
console.log(myAccount.withdraw(200)); // 1300

// balance-ზე პირდაპირ წვდომა შეუძლებელია
// console.log(myAccount.balance); // undefined

// ❌ არასწორი გზა (var-ით)
console.log("არასწორი მაგალითი:");
for (var i = 1; i <= 3; i++) {
    setTimeout(function() {
        console.log("var: " + i); // ყველა 4-ს დაბეჭდავს
    }, 1000);
}

// ✅ სწორი გზა (let-ით)
console.log("სწორი მაგალითი:");
for (let i = 1; i <= 3; i++) {
    setTimeout(function() {
        console.log("let: " + i); // 1, 2, 3-ს დაბეჭდავს
    }, 1000);
}

// ✅ IIFE-ით (Immediately Invoked Function Expression)
console.log("IIFE მაგალითი:");
for (var i = 1; i <= 3; i++) {
    (function(index) {
        setTimeout(function() {
            console.log("IIFE: " + index); // 1, 2, 3-ს დაბეჭდავს
        }, 1000);
    })(i);
}

// Rest parameters - ყველა argument-ი მასივში
function sum(...numbers) {
    console.log(numbers); // მასივია
    return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4, 5)); // 15
console.log(sum(10, 20)); // 30

// Rest-ი უნდა იყოს ბოლოში
function greetUsers(greeting, ...names) {
    return names.map(name => `${greeting}, ${name}!`);
}

console.log(greetUsers("Hello", "Ana", "Nino", "Mari"));
// ["Hello, Ana!", "Hello, Nino!", "Hello, Mari!"]

// Spread მასივებთან
const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];

// მასივების გაერთიანება
const combined = [...numbers1, ...numbers2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

// მასივის კოპირება
const copied = [...numbers1];
console.log(copied); // [1, 2, 3]

// Math.max()-ით გამოყენება
console.log(Math.max(...numbers1)); // 3

// Spread ობიექტებთან (ES2018)
const person = { name: "Ana", age: 25 };
const address = { city: "Tbilisi", country: "Georgia" };

const fullInfo = { ...person, ...address, age: 26 };
console.log(fullInfo);
// { name: "Ana", age: 26, city: "Tbilisi", country: "Georgia" }

// REST - აგროვებს
function processItems(...items) { // REST
    console.log("Items:", items);
    return items.length;
}

const myArray = [1, 2, 3, 4, 5];

// SPREAD - აშლის
const count = processItems(...myArray); // SPREAD
console.log("Count:", count); // 5

// Array destructuring-ში REST
const [first, second, ...rest] = myArray;
console.log("First:", first);   // 1
console.log("Second:", second); // 2
console.log("Rest:", rest);     // [3, 4, 5]

// ძველი გზა
const fruits = ["apple", "banana", "orange"];
const firstFruit = fruits[0];
const secondFruit = fruits[1];

// ახალი გზა - Destructuring
const [first, second, third] = fruits;
console.log(first);  // "apple"
console.log(second); // "banana"
console.log(third);  // "orange"

// ელემენტების გამოტოვება
const [a, , c] = fruits; // banana-ის გამოტოვება
console.log(a); // "apple"
console.log(c); // "orange"

// Default values
const colors = ["red"];
const [primary, secondary = "blue"] = colors;
console.log(primary);   // "red"
console.log(secondary); // "blue" (default)

// Rest operator-ით
const numbers = [1, 2, 3, 4, 5];
const [head, ...tail] = numbers;
console.log(head); // 1
console.log(tail); // [2, 3, 4, 5]

// ცვლადების შეცვლა (Swapping)
let x = 10;
let y = 20;
[x, y] = [y, x];
console.log(x); // 20
console.log(y); // 10

// ფუნქცია რაც დააბრუნებს მასივს
function getCoordinates() {
    return [42.0, 43.0];
}

const [latitude, longitude] = getCoordinates();
console.log(`Lat: ${latitude}, Lng: ${longitude}`);

// მრავალი მნიშვნელობის დაბრუნება
function calculate(a, b) {
    return [a + b, a - b, a * b, a / b];
}

const [sum, difference, product, quotient] = calculate(10, 2);
console.log(`Sum: ${sum}, Difference: ${difference}, Product: ${product}, Quotient: ${quotient}`);

// ძველი გზა
const person = {
    name: "Ana",
    age: 25,
    city: "Tbilisi",
    profession: "Developer"
};

const name = person.name;
const age = person.age;

// ახალი გზა - Destructuring
const { name, age, city } = person;
console.log(name); // "Ana"
console.log(age);  // 25
console.log(city); // "Tbilisi"

// ცვლადის სახელის შეცვლა
const { name: fullName, profession: job } = person;
console.log(fullName); // "Ana"
console.log(job);      // "Developer"

// Default values
const settings = { theme: "dark" };
const { theme, language = "Georgian", fontSize = 16 } = settings;

console.log(theme);    // "dark"
console.log(language); // "Georgian" (default)
console.log(fontSize); // 16 (default)

// Nested objects
const user = {
    name: "Nino",
    address: {
        street: "Rustaveli Ave",
        city: "Tbilisi",
        country: "Georgia"
    },
    hobbies: ["reading", "coding"]
};

const { 
    name: userName, 
    address: { city: userCity, country },
    hobbies: [firstHobby]
} = user;

console.log(userName);   // "Nino"
console.log(userCity);   // "Tbilisi"
console.log(country);    // "Georgia"
console.log(firstHobby); // "reading"

// Function parameters destructuring
function displayUser({ name, age, city = "Unknown" }) {
    console.log(`Name: ${name}`);
    console.log(`Age: ${age}`);
    console.log(`City: ${city}`);
}

const userData = { name: "Mari", age: 30, city: "Batumi" };
displayUser(userData);

// API response example
function processApiResponse({ data, status, message = "Success" }) {
    if (status === "success") {
        return data;
    }
    throw new Error(message);
}

// Rest in object destructuring
const config = {
    host: "localhost",
    port: 3000,
    ssl: true,
    debug: false,
    timeout: 5000
};

const { host, port, ...options } = config;
console.log(host);    // "localhost"
console.log(port);    // 3000
console.log(options); // { ssl: true, debug: false, timeout: 5000 }

// math.js ფაილი
// Named exports
export const PI = 3.14159;

export function add(a, b) {
    return a + b;
}

export function multiply(a, b) {
    return a * b;
}

// ან ერთად export
const subtract = (a, b) => a - b;
const divide = (a, b) => a / b;

export { subtract, divide };

// Default export
export default function calculator(operation, a, b) {
    switch(operation) {
        case 'add': return add(a, b);
        case 'subtract': return subtract(a, b);
        case 'multiply': return multiply(a, b);
        case 'divide': return divide(a, b);
        default: return 0;
    }
}

// main.js ფაილი
// Named imports
import { PI, add, multiply } from './math.js';

console.log(PI); // 3.14159
console.log(add(5, 3)); // 8

// Default import
import calculator from './math.js';
console.log(calculator('multiply', 4, 5)); // 20

// Import all as namespace
import * as MathUtils from './math.js';
console.log(MathUtils.PI); // 3.14159
console.log(MathUtils.add(2, 3)); // 5

// Import with alias
import { subtract as minus, divide as div } from './math.js';
console.log(minus(10, 3)); // 7

// Mixed imports
import calculator, { PI, add } from './math.js';

// utils.js
export const formatDate = (date) => {
    return new Intl.DateTimeFormat('ka-GE').format(date);
};

export const capitalize = (str) => {
    return str.charAt(0).toUpperCase() + str.slice(1);
};

export class Logger {
    static log(message) {
        console.log(`[${new Date().toISOString()}] ${message}`);
    }
    
    static error(message) {
        console.error(`[ERROR] ${message}`);
    }
}

// config.js
export default {
    API_URL: 'https://api.example.com',
    TIMEOUT: 5000,
    VERSION: '1.0.0'
};

// app.js
import config from './config.js';
import { formatDate, capitalize, Logger } from './utils.js';

Logger.log('Application started');
console.log(`API URL: ${config.API_URL}`);
console.log(`Today: ${formatDate(new Date())}`);
console.log(capitalize('hello world')); // "Hello world"