Sergey Kluchkovsky kaineer

Реализация временной мёртвой зоны (TDZ) в механизме JavaScript

Временная мёртвая зона (TDZ) обеспечивается на нескольких уровнях работы JavaScript-движка. Вот как это реализовано технически:

1. Фаза компиляции (Parsing и Compilation)

На этапе компиляции движок JavaScript выполняет:

Анализ лексического окружения (LexicalEnvironment):
Для каждого блока создаётся отдельное лексическое окружение

Patching `zoom_amd64.deb` to remove `ibus` dependency

Installing ibus on Debian has a tendency to stop the keyboard working, particularly in KDE system dialogue boxes and search feilds. ibus is not really required, so patching the deb to prevent the install from also installing ibus as a required dependecy solves the problem:

S=$(mktemp -d)
dpkg -x zoom_amd64.deb $S
dpkg -e zoom_amd64.deb $S/DEBIAN
sed -i -E 's/(ibus, |, ibus)//' $S/DEBIAN/control 
dpkg -b $S zoom_amd64-no-ibus.deb

Предварительно

Создаем новое реакт-приложение. Нет, старое не подойдет, мне нужно проверить способность создавать приложение самостоятельно
Добавляем react-router и react-router-dom
Добавляем react-redux и @reduxjs/toolkit

Основная часть

Делаем роутинг с использование react-router, так чтобы было, как минимум, две страницы
Плюсом будет добавление ссылок для навигации между страницами

	const bindHandler = (e) => {
	if (pause) {
	dispatch(setBind(e.code));
	dispatch(setPause(false));

	e.preventDefault();
	e.stopPropagation();
	}
	}

	setBind: (state, action) => {
	const code = action.payload;
	if (state.direction) {
	state.bindings[state.direction] = code;
	state.direction = null;
	}
	},

	useEffect(() => {
	if (row) {
	nameRef.current?.value = name;
	cityRef.current?.value = city;
	}
	}, [row]);

	const displayWidth = 8;

	const maxInt = parseInt("9".repeat(displayWidth));
	const minInt = parseInt("-" + "9".repeat(displayWidth - 1));

	const wrongValue = new RuntimeError('некорректное значение');
	const wrongOperation = new RuntimeErr('некорректная операция (переполнение)')

	const createInteger = (string) => {
	const value = parseInt(string);

	import './App.css'
	import { store } from './store/index'
	import { Provider } from 'react-redux'

	import { Row } from './components/row'
	import { Cell } from './components/cell'

	function App() {
	return (
	<Provider store={ store }>