??? ?? ?? ???? ???? JavaScript?? ???? ??? ???? ??? ??? ?????. ? ??? ?? ??? ?? ??? ?? ??? ?? ???? ????? ??? ?? ? ?? ??? ?? ? ????.

?? ??????? ???? ???? ???. ?? ??? ? ????? ???? ?? ????? ??? ???? ??? ???????. ??? ???? ?? ??? JavaScript? ???????.

?????? ?? ???? ?? ??, ?? ??, ?? ?? ? ?? ?? ??? ?????. ?? ???? ??? ?????.

?? ?? ?? ???? ?? ?? ??? ??? ???? ???? ???????. ? ??? ???, ??? ?? ???? ?? ?? ??? ?? ?? ??? ?????. ??? ??? ?? ??? ?????.

function lexer(input) {
  const tokens = [];
  let current = 0;

  while (current < input.length) {
    let char = input[current];

    if (char === '(') {
      tokens.push({ type: 'paren', value: '(' });
      current++;
      continue;
    }

    if (char === ')') {
      tokens.push({ type: 'paren', value: ')' });
      current++;
      continue;
    }

    if (/\s/.test(char)) {
      current++;
      continue;
    }

    if (/[0-9]/.test(char)) {
      let value = '';
      while (/[0-9]/.test(char)) {
        value += char;
        char = input[++current];
      }
      tokens.push({ type: 'number', value });
      continue;
    }

    if (/[a-z]/i.test(char)) {
      let value = '';
      while (/[a-z]/i.test(char)) {
        value += char;
        char = input[++current];
      }
      tokens.push({ type: 'name', value });
      continue;
    }

    throw new TypeError('Unknown character: ' + char);
  }

  return tokens;
}

? ?????? ??, ??, ??(???)? ?????. ?? ???? ????? ?? ???? ?????.

???? ?? ???? ?????. ??? ?????? ??? ?? ???? ??? AST(?? ?? ??)? ?????. AST? ????? ???? ?? ???? ????? ??? ?????. ??? ??? ?????.

function parser(tokens) {
  let current = 0;

  function walk() {
    let token = tokens[current];

    if (token.type === 'number') {
      current++;
      return {
        type: 'NumberLiteral',
        value: token.value,
      };
    }

    if (token.type === 'paren' && token.value === '(') {
      token = tokens[++current];

      let node = {
        type: 'CallExpression',
        name: token.value,
        params: [],
      };

      token = tokens[++current];

      while (
        (token.type !== 'paren') ||
        (token.type === 'paren' && token.value !== ')')
      ) {
        node.params.push(walk());
        token = tokens[current];
      }

      current++;

      return node;
    }

    throw new TypeError(token.type);
  }

  let ast = {
    type: 'Program',
    body: [],
  };

  while (current < tokens.length) {
    ast.body.push(walk());
  }

  return ast;
}

? ??? ?? ??? ?? ???? ???? ??? ??? AST? ?????. ?? ?? ??? ??? ??? ? ?? ?? ?????.

AST? ???? ?? ???? ??? ? ????. ???? AST? ??? JavaScript ??? ?????. ?? ?? ???? ??? ????.

function codeGenerator(node) {
  switch (node.type) {
    case 'Program':
      return node.body.map(codeGenerator).join('\n');

    case 'ExpressionStatement':
      return codeGenerator(node.expression) + ';';

    case 'CallExpression':
      return (
        codeGenerator(node.callee) +
        '(' +
        node.arguments.map(codeGenerator).join(', ') +
        ')'
      );

    case 'Identifier':
      return node.name;

    case 'NumberLiteral':
      return node.value;

    case 'StringLiteral':
      return '"' + node.value + '"';

    default:
      throw new TypeError(node.type);
  }
}

? ?? ???? AST? ??? JavaScript ??? ?????. ???? ????? ?? ??? ?????.

?? ??? ?? ?? ??? ???? ? ?? ?? ??? ?? ??? ? ? ????. ?? ?? ?? ??? ?? ????? ???? ?? ?????. AST? ???? ?? ??? ???? ??? ????? ???? ?? ?? ???? ??? ? ????.

???? ???? ??? ? ?? ??? ?????. ?? ??(??? ??? ?? ??? ??) ?? ?? ?? ??(???? ??? ??? ?? ?? ?? ??)? ?? ??? ???? ??? ? ????.

??? ???? ??? ???? ?? ??? ?????. ????? ??? ???? ???? ??? ?? ???? ???? ???. ???? ?? ?? ? ?? ?? ?? ?? ? ??? ???? ?? ???? ? ??? ????? ?? ??? ? ????.

??? ??? ?? ?? ??? ???? ??? ???????. ?? ??? ??? ???? ???? '??' ?? ??? ???? ??? ??? ?????.

function lexer(input) {
  const tokens = [];
  let current = 0;

  while (current < input.length) {
    let char = input[current];

    if (char === '(') {
      tokens.push({ type: 'paren', value: '(' });
      current++;
      continue;
    }

    if (char === ')') {
      tokens.push({ type: 'paren', value: ')' });
      current++;
      continue;
    }

    if (/\s/.test(char)) {
      current++;
      continue;
    }

    if (/[0-9]/.test(char)) {
      let value = '';
      while (/[0-9]/.test(char)) {
        value += char;
        char = input[++current];
      }
      tokens.push({ type: 'number', value });
      continue;
    }

    if (/[a-z]/i.test(char)) {
      let value = '';
      while (/[a-z]/i.test(char)) {
        value += char;
        char = input[++current];
      }
      tokens.push({ type: 'name', value });
      continue;
    }

    throw new TypeError('Unknown character: ' + char);
  }

  return tokens;
}

??? ?? JavaScript? ???? ??? ?? ??? ???? ??? ??? ? ?? ??? ?????.

?? ??? ? ?? ??? ?? ?????. ?? ?? ??? JavaScript? ?? ?? ??? ?? ??? ? ??? ?? ???? ?? ?????. ??? ??? ? ?? ?? ??? ???? ??? JavaScript? ?? ?? ?? ???? ?? ??? ? ????.

??????? ?? ????? ???? ??? ??? ?? ??? ? ????. Webpack?? Rollup? ?? ?? ???? ?? ??? ????? ??? ???? ?????? ?? ??? ???? ??? ? ??? ? ? ????.

??? ????? ? ?? ?? ??? ???? ?? ????. ?? ???? ?????, ?? ?? ?????? ?? ??? ?????, ?? ??? ?? ?????? ??? ? ????.

? ?? ???? ??? ??? ?? ?? ?????. ???? ??? ?? ??? ????? ?? ??? ???? ??? ??? ?? ? ????. ??? ????? ??????? ?? ??? ?? ??? ??? ????? ???.

?????? ??? ????? ?? ?? ?????. ?? ????? ??? ????? ??? ?????? ?? ?? ??? ???? ???? ????? ???? ??? ??? ? ?? ????. ?? ?? ???? ?? ???? ??? ???? ??? ?? ??? ??? ? ??? ?? ??? ???? ??? ?????.

??? ?? ?? ??? ?? ??? ??? ?????. ??? ??? ??? ?? ???? ??? ????? ????? ? ?? ??? ?????. ??? ??? ????? ???. ??? ??? ????? ??? ???? ?????.

????? JavaScript? ???? ??? ??? ??? ?? ??? ?? ??? ?? ? ?? ??? ?????. ?? ??, ?? ?? ? ?? ??? ??? ?????? ?? ??? ?? ???? ???? ??? ??? ?? ??????? ??? ? ????. ??? ??? ??? ???. ??? ??? ???? ??????!

---

??? ???

?? ???? ? ??? ???.

???? ??? | ????? | ??? ??? | ????? ???? | ???? | ??? ??? | JS ??

---

??? ??? ????

?? ??? ???? | Epochs & Echoes World | ??????? | ???? ???? ?? | ??? ??? ?? | ?? ????

? ??? ??? ?? ???: ???? JavaScript ?????? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!