dosandk

describe('async-code-fetch-api-part-1/column-chart', () => {
  let columnChart;

  beforeEach(() => {
    fetchMock
      .once(JSON.stringify(ordersData));

    columnChart = new ColumnChart({
      label: '',
      link: '',

dosandk

import fetchJson from './utils/fetch-json.js';

const BACKEND_URL = 'https://course-js.javascript.ru';

export default class ColumnChart {
  element;
  subElements = {};
  chartHeight = 50;

  constructor({

dosandk

export default class RangePicker {
  element = {};

  constructor({from, to}) {
    this.from = from;
    this.to = to;
    this.selectionStart = from.getTime();
    this.selectionEnd = to.getTime();
    this.clickOnRangePicker = 0;
    this.firstShow = false;

dosandk

import fetchJson from './utils/fetch-json.js';

const BACKEND_URL = 'https://course-js.javascript.ru';

export default class ColumnChart {
  element;
  subElements = {};
  chartHeight = 50;

  constructor({

dosandk

import fetchJson from './utils/fetch-json.js';

export default class ColumnChart {
  element;
  chartHeight = 50;
  subElements = {};

  constructor({
    data = {},
    url = '',

dosandk

В JavaScript Значение this вычисляется во время выполнения кода и не зависит от того, где этот метод был объявлен, а зависит от того, какой объект вызывает метод (какой объект стоит «перед точкой»).

Рассмотрим пример:

function sayHi () {
  console.log(`hi ${this.nickname}`);
};

dosandk

export default class SortableTable {
  element;
  subElements = {};
  headersConfig = [];
  data = [];

  sortByClick = event =>{
    const column = event.target.closest('[data-sortable="true"]');

    if (column) {

dosandk

  function snail (array) {
    const result = [];

    function doStep (array) {
      result.push(...array.splice(0, 1))

      if (array.length) {
        doStep(rotateMatrix(array));
      }
    }

dosandk

class Tooltip {
  element = null;
  targetForTooltip = null;
  tooltipIsCreated = false;

  _showTooltip = (event) => {
    if (event.target.dataset.hasOwnProperty('tooltip')) {
      this.render(event.target.dataset.tooltip);

      this.element.setAttribute('style', `top: ${event.clientY}px; left: ${event.clientX}px;`);

dosandk

  class Todo {
    element;
    subElements = {};

    constructor() {
      this.render();
      this.getSubElements();
      this.addEventListeners();
    }