Дмитрий Беляев

без знания, что за либа предоставляет youtubeApi сделать адекватно проблематично, но можно сделать универсально:

const {PassThrough} = require('stream');

const youtubeStream = new PassThrough();
youtubeApi.downloadVideo(
  'v=4P1-JwZF0Vo&t=4519s',
  chunk => youtubeStream.write(chunk),
  () => youtubeStream.end()
);
youtubeStream.pipe(res); // где res - выходной поток к клиенту

Ну во-первых, присваивание функции в img.load не даст никакого результата, если хотите повесить обработчик события, то нужно присваивать в img.onload

Во-вторых, данный обработчик работает асинхронно, когда Вы делаете проверку, он еще не выполнился, а выполнится он только тогда, когда картинка загрузится

Ну и наконец в-третьих, если картинки нет, то событие load не произойдет никогда, нужно проверять еще событие error, чтоб отследить ошибку загрузки, а заодно вешать таймаут, дабы не ждать загрузки вечность

Проще всего это реализовать с промисами (если нужна поддержка старых браузеров - то добавьте полифил):

// для начала я вынесу массив с разрешениями из функции, чтоб не создавать его для каждого вызова:
var resolutions = ['maxresdefault', 'hqdefault', 'mqdefault'];
function fetch_highest_res(videoid) {
  // сама функция будет возвращать промис, полученный сверткой массива resolutions
  return resolutions.reduce(
    function(promise, resolution) {
      // перехватываем только ошибку загрузки, если была успешная загрузка - просто отдаем ее дальше
      return promise.catch(function() {
        return new Promise(function(resolve, reject) {
          var img = new Image();
          // повесим таймаут в 3 секунды (если надо, поставьте больше), генерирующий ошибку
          setTimeout(reject, 3000);
          // отследим ошибку загрузки
          img.onerror = reject;
          // а в случае успешной загрузки отдадим результат
          img.onload = function() {
            resolve(resolution);
          };
          // и только когда навесили обработчики начинаем загрузку
          img.src = 'https://i.ytimg.com/vi/' + videoid + '/' + resolution + '.jpg';
        });
      });
    },
    // в качестве инициализирующего значения отдаем отклоненный промис
    // так как следующая картинка должна пробоваться только если не получилось загрузить предыдущую
    // а отслеживать мы это будем по ошибке загрузки
    Promise.reject()
  // ну и перехватим случай, если ничего не удалось загрузить
  ).catch(function() { return null; });
}

// ну и функция теперь у нас возвращает асинхронный результат в виде промиса
// поэтому и получать его надо соответствующе
fetch_highest_res('eei-soH5Gx8').then(function(resolution) {
  console.log(resolution); // hqdefault
});

P.S. сделал все в es5, ибо мало ли, Вам нужна поддержка старья, а сборкой Вы явно не пользуетесь...

function handleClick() {
    $('.photo').removeClass('active-element');
    $(this).addClass('active-element');
    $('.point li').removeClass('active-point').
    filter((index, item) => $(this).data('id') == $(item).data('id')).addClass('active-point');
    $('.about-text p').text($(this).data('text'));
    $('.about-site p').text($(this).data('info'));
    $('.about-site a').text($(this).data('website')).attr("href", "#");
}

$('.photo').click(handleClick);
$('.point li').click(function() {
    $('.point li').removeClass('active-point');
    $(this).addClass('active-point');
    handleClick.call(this)
});

модули имеют изолированную область видимости, на то они и модули
Вам нужно явно поместить chartModule в глобальный объект:

//module.js
import  chartModule from '/static/scripts/myScripts/chartModule/myChart.js'; // импортирует функцию для создания графиков

// помещаем chartModule в window, чтоб он был доступен глобально
window.chartModule = chartModule;

Я так понимаю, у Вас js-код в виде строки в другом js-коде получается, тут есть несколько вариантов:

вариант 1, самый простой, создать из строки функцию и выполнить ее:

const CODE = 'console.log("good");'; // ваш код

(new Function(CODE))(); // создаем из него функцию и сразу вызываем

вариант 2, подходит только для этапа загрузки страницы, работает только до события DOMContentLoaded у document, просто пишем в поток html кода тег script с нужным кодом. Подойдет так же для выполнения кода в iframe

const CODE = 'console.log("good");'; // ваш код

document.write('<script>' + CODE + '</' + 'script>');

вариант 3, тоже с генерацией тега script, но уже работает в любое время, подставляем код как url в src тега script

const CODE = 'console.log("good");'; // ваш код

const scriptTag = document.createElement('script');
scriptTag.type = 'application/javascript';
scriptTag.src = URL.createObjectURL(new Blob([CODE]));
document.head.appendChild(scriptTag);

player1 = new YT.Player('player1', {
  // your config
  events: {
    onReady() {
      // плеер создан
    },
    onError(err) {
      // что-то пошло не так
    }
  }
}

если правильно понял:

console.log(`
Текст
# текст 2
# текст "текст с #" 3
# текст 4
# текст 5
`.match(/^#.*$/gm));

О ,я как раз собирался уточнить это) Суть в том ,что на сайте есть достаточно много картинок ,и про проверке сайта на скорость загрузки ,мне посоветовало "кэшировать изображения" ,я начитался в интернете ,что можно начать загрузку всех изображений сразу ,до их открытия пользователем ,путем кэширования. Т.е. страницы открылась ,пользователь еще на самом верху ,а изображения в других местах страницы уже грузятся и когда он до них доходит ,они уже загружены ,как то так )

Насчет проверки на скорость загрузки - имеется в виду как раз отдавать правильные заголовки для кэширования с сервера, что Вам уже подсказали в комментариях к вопросу.

Ну а насчет предварительной загрузки изображений до показа их пользователю, понадобится список таких изображений, которые нужно предзагрузить. Сразу скажу, что грузить таким образом изображения, которые уже есть на странице смысла нет, но вот изображения для всяких модалок таким образом грузить вполне себе резонно:

// сделаем функцию, ждущую загрузку основной страницы,
// чтоб не мешать ей при загрузке дополнительных картинок:
function waitWindowLoad() {
  if(document.readyState === 'complete') {
    return Promise.resolve();
  }
  return new Promise(resolve => {
    const listener = () => {
      window.removeEventListener('load', listener);
      resolve();
    };
    window.addEventListener('load', listener);
  });
}

// массив url подгружаемых картинок
[
  '/images/1.png',
  '/images/2.png',
  '/images/3.png'
].reduce((promise, url) => promise.then(() => new Promise(resolve => {
  // грузим картинки по очереди
  const img = new Image();
  img.onload = img.onerror = resolve;
  img.src = url;
})), waitWindowLoad());

array.sort((a, b) => {
  if(a.var !== true || b.var !== true) return 0;
  return a.date - b.date;
});

Поделюсь как это сделано у нас, надеюсь поможет
во-первых, сайт заводится в нашей БД и ему присваивается id
во-вторых, сайт вставляет к себе наш код, он небольшой, но делает две вещи:
1. создает временную функцию в window - которая совпадает по имени с нашей функцией запуска, но просто сохраняет себе в массив все вызовы и их аргументы
2. начинает загрузку js-кода нашего виджета
в-третьих, сайт вызывает нашу функцию запуска, куда передает свой id из нашей БД и некоторые параметры

когда наш основной js загрузился, он делает следующее:
1. переписывает в window временную функцию собирающую аргументы на настоящую, которая запускает вставку виджета
2. если собранны запуски до этого момента - запускает их в настоящей функции запуска
3. функция запуска дергает сервер и запрашивает данные по id сайта
4. вставляем на страницу iframe и в нем рисуем виджет

на деле все чуть сложнее, но общий принцип такой

new Date().toLocaleString('en', {timeZoneName: 'long'})

https://developer.mozilla.org/ru/docs/Web/JavaScri...

function makeGetRandomElement(initialArray) {
  var arr;
  function randomIndex() {
    return Math.floor(Math.random() * arr.length);
  }
  function reinitArray() {
    arr = initialArray.slice();
  }
  reinitArray();
  return function getRandomElement() {
    if(arr.length === 0) reinitArray();
    return arr.splice(randomIndex(), 1)[0];
  }
}


// использование
var getRandomElement = makeGetRandomElement([1, 2, 3, 4, 5, 6, 7]);
console.log(getRandomElement());
console.log(getRandomElement());
console.log(getRandomElement());
console.log(getRandomElement());
console.log(getRandomElement());