🖥 Что значит "use strict"?

▶️Нередко встречается код со строкой "use strict";. Например, библиотеки часто начинаются с этого:

(function () {
    "use strict";

Что значит "use strict", и зачем его использовать?


▶️"use strict"; — это установка, которая заставляет код обрабатываться в строгом режиме. Без этой установки код обрабатывается в неограниченном режиме.

Строгий режим был введён в ECMAScript 5, и старые браузеры (IE9 и младше) его не поддерживают. То есть, не обращают внимания на установку по умолчанию и всё обрабатывается в неограниченном режиме.

🟡Зачем использовать "use strict";?

В строгом режиме:
— некоторые ошибки можно найти быстрее,
— более опасные и не полезные черты JavaScript либо запрещены, либо приводят к ошибке.

🟡Как использовать "use strict";?

Чтобы включить строгий режим в целом скрипте, надо поставить установку "use strict"; или 'use strict'; в начало скрипта.

"use strict";
// код здесь обрабатывается в строгом режиме

Чтобы включить строгий режим в функции, надо поставить установку в начало кода функции.

// код здесь обрабатывается в неограниченном режиме
function f() {
  "use strict";
  // код здесь обрабатывается в строгом режиме
}
// код здесь обрабатывается в неограниченном режиме

@javascriptv

💻Небольшая шпаргалка про использование SQL в JavaScript

В этом посте мы рассмотрим, как использовать JavaScript для взаимодействия с базой данных SQL. Отметим, что для этого необходимо использовать серверную часть JavaScript, такую как Node.js, и соответствующий драйвер для работы с базой данных SQL.
Поехали!


⏩Подключение к базе данных

Первым шагом в использовании JavaScript для взаимодействия с базой данных SQL является подключение к самой базе данных. Для этого необходимо установить соответствующий драйвер, который позволяет JavaScript-коду установить соединение с базой данных.

Приведем пример использования JavaScript с Node.js для подключения к базе данных MySQL:

const mysql = require('mysql');

const connection = mysql.createConnection({
    host: 'localhost',
    user: 'username',
    password: 'password',
    database: 'database_name'
});

connection.connect((err) => {
    if (err) {
        console.error('Error connecting to database:', err);
        return;
    }
    console.log('Connected to database!');
});

В данном примере мы использовали модуль mysql для установки соединения с базой данных MySQL. Замените localhost, username, password и database_name на свои реальные данные.


⏩Выполнение SQL-запросов

После успешного подключения к базе данных, мы можем использовать JavaScript для выполнения SQL-запросов. Для этого используется метод query, предоставленный соответствующим драйвером базы данных.

Приведем пример выполнения SQL-запроса SELECT с использованием JavaScript и базы данных MySQL:

const sql = 'SELECT * FROM users';

connection.query(sql, (err, results) => {
    if (err) {
        console.error('Error executing SQL query:', err);
        return;
    }
    console.log('Query results:', results);
});

В данном примере мы выполним запрос SELECT * FROM users к базе данных MySQL и получим результаты в виде объекта results. Обратите внимание, что в случае ошибки, мы выведем сообщение об ошибке.

Аналогичным образом можно выполнять и другие типы SQL-запросов, такие как INSERT, UPDATE или DELETE.


⏩Закрытие соединения

После выполнения всех SQL-запросов и завершения работы с базой данных, необходимо закрыть соединение для возможности других клиентов подключиться к базе данных.

Пример закрытия соединения с базой данных MySQL:

connection.end((err) => {
    if (err) {
        console.error('Error closing database connection:', err);
        return;
    }
    console.log('Database connection closed!');
});

В данном примере мы используем метод end для закрытия соединения с базой данных. Attention: при закрытии соединения, все ожидающие запросы также будут отменены.

@javascriptv

🖥 Релиз Bun 1.1

Недавно состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Это событие произошло спустя шесть месяцев после выхода первой мажорной версии проекта Bun 1.0. За это время команда проекта сделала более 1700 коммитов, разработчики прилагают все усилия, чтобы сделать Bun более стабильным и более совместимым с Node.js. «Мы исправили более тысячи ошибок, добавили массу новых функций и API, и теперь Bun поддерживает Windows!», — уточнили разработчики сообщества Bun.

Доработки и улучшения в Bun 1.1:

⏩теперь вы можете запустить Bun в Windows 10 и более поздних версиях ОС, Bun для Windows проходит 98% собственного набора тестов для Bun в macOS и Linux от команды проекта;

⏩в проект добавлены более десяти новых функций, доработок API и изменений для избежания снижения производительности при повторной передаче одних и тех же файлов, благодаря чему инструменты командной строки, такие как tsc, работают в 2 раза быстрее, чем в Bun 1.0;

⏩доработан Bun Shell, Bun теперь является кроссплатформенной оболочкой — как bash, но также и для Windows;

⏩исправлены баги и улучшена поддержка для API-интерфейсов Node.js, включая HTTP/2 client и сообщений IPC между Bun и Node.js;

⏩оптимизирован код Bun для поддержки стандартных веб-интерфейсов API;

⏩значительно повышена стабильность в работе и улучшена производительность при установке Bun;

⏩упрощены способы написания, запуска и отладки кода JavaScript и TypeScript;

⏩тайм-аут сети по умолчанию увеличен до 5 минут. Это соответствует настройкам по умолчанию в Google Chrome и должно помочь при соединениях с высокой задержкой.

Над выпуском проекта с открытым исходным кодом Bun 1.1 работали 364 контрибьютора.

📎 Читать подробнее

@javascriptv

💡 Простой способ сохранения элемента видимым, но недоступным: на заметку фронтенд-разработчику

➡️ Попробовать здесь

@javascriptv

🖥 Как вернуть значение из события или из функции обратного вызова?

▶️При попытке сделать вот так ничего не получается:

var result = "";

someInput.onchange = function() {
  result = someInput.value;
};

$.get("someapi", function (data) {
  result = data.foo;
});

some.api.call(42, function (data) {
  result = data.bar;
});

someDiv.textContent = result;

Почему-то в someDiv ничего не отображается.


▶️Проблема в том, что в коде нет операции ожидания. Ни подписка на событие, ни AJAX-вызов, ни даже вызов API не ждут поступления данных - а сразу же передают управление дальше. Поэтому строка someDiv.textContent = result; выполняется ДО того, как переменная result получит значение.

Способов сделать это присваивание после получения значения несколько:
— переместить присваивание внутрь
— вынесение присваивания в именованную функцию
— обратные вызовы (callbacks)
— обещания (promises)
— наблюдаемые значения (observables) в Knockout
— наблюдаемые значения (observables) в MobX

📎 Подробнее об этом всём

@javascriptv