Антон Спирин

Так будет показывать экземпляр класса:

class TestTwo {
  constructor() {
    this.logThis = logThis;
  }
}

Почитать.

this.visibleCities = this.allCities.filter(city => this.defaultCitiesIds.includes(city.id))
  .map(city => ({ ...city, check: false }));

this.visibleCities = this.allCities.reduce((result, city) => {
  if (this.defaultCitiesIds.includes(city.id)) {
    city.check = false;
    result.push(city);
  }
  return result;
}, []);

a, b и с - это разные, не связанные объекты.

Хотите изменить x конкретного объекта, вызывайте setX() на конкретном объекте:

const b = new B();
b.setX();
b.getX(); // 2

const c = new C();
c.setX();
c.getX(); // 2

Вы, конечно, можете вынести x в прототип и менять значение прототипа статическим методом:

class A {
  static setX() {
    A.prototype.x = 2;
  }
}

A.prototype.x = 1;


class B extends A {
  getX() {
    console.log(this.x);
  } 
}

class C extends B {
  getX() {
    console.log(this.x);
  } 
}

A.setX();
const b = new B();
b.getX(); // 2
const c = new C();
c.getX(); // 2

Речь идет о next.js и next-redux-wrapper? Используйте componentDidMount:

componentDidMount() {
  this.props.store.dispatch(someAction());
}

но у меня такая же обертка создается и работает через call.

Да ну?

Правильно будет так:
f.call('test2', 1, 2);

Отлично работает

Подскажите, как правильно искать в данном! случае (именно forEach).

Document.querySelectorAll() возвращает NodeList, а NodeList.forEach не поддерживается ie.
Можно использовать метод forEach массива и вызывать его на NodeList:

[].forEach.call(document.querySelectorAll('div.foo'), e => {
  [].forEach.call(e.querySelectorAll('div.bar'), e => console.log(e));
});

О причине вам уже написали. Поделюсь примером как заставить ваш код работать:

async function my_function() {
  console.log('1');
  await new Promise(resolve => {
    setTimeout(() => {
      console.log('2');
      resolve();
    }, 1000);
  });
  console.log('3');
}

Или можно вынести функцию setAsyncTimeout:

function setAsyncTimeout(cb, timeout) {
  return new Promise(resolve => {
    setTimeout(() => {
      cb();
      resolve();
    }, timeout);
  });
}

async function my_function() {
  console.log('1');
  await setAsyncTimeout(() => { console.log('2'); }, 1000);
  console.log('3');
}

немного подумав решил заменить конструкцию

Не надо так делать. Никогда не используйте для функций свойства класса, если можно обойтись методом.
Пример:
Array(1000)].map(_ => <SomeComponent />);
Если в компоненте SomeComponent render прописан методом, то для каждого экземпляра он будет вызываться из прототипа. Если же свойством, то вы вместе с экземплярами создадите 1000 копий одной и той же функции.

Потому-что документацию читать надо.

const replies = '#react-root > div > main > div > div > div > div > div:nth-child(2)';

const goTo = async () => {
  page.evaluate(replies => {
    return document.querySelector(replies).children[0].innerText;
  }, replies);
};

Скорей всего ошибка в редьюсере. Передаете в spread оператор null или undefined.
{ ...someValue }

Одно слово:

const word = 'real';
const regexp = new RegExp(`${word}\\w*`, 'ig');

string = 'really, reality, super, universe';

console.log(string.replace(regexp, 'BOOM'));  // BOOM, BOOM, super, universe

Демо.

Массив слов:

const words = ['real', 'super'];
const regexp = new RegExp(`(${words.join('|')})\\w*`, 'ig');
const string = 'really, reality, super, universe';

console.log(string.replace(regexp, 'BOOM'));  // BOOM, BOOM, BOOM, universe

Демо.

x.lenght; // undefined
x.length; // длина коллекции

Скорей всего вы пытаетесь использовать NodeList.prototype.forEach(), который в IE не поддерживается.
Можно использовать полифилл.
Можно для перебора NodeList использовать метод массива:

var list = document.querySelectorAll( 'input[type=checkbox]' );
Array.prototype.forEach.call(list, function (item) {
  // do something
});

Насколько я понял, под декораторам вы подразумевали не паттерн проектирования, частным случаем которого являются компоненты высшего порядка, а аннотации ES7 decorators:

@annotation
class MyClass { }

Если это так, то почитайте:
Компоненты высшего порядка
Декораторы ES7
Компоненты высшего порядка как декораторы

const { id } = this.state;

Еще из примера не понятно зачем вы задаете данные массивом и делаете деструктуризацию. Такая структура тяжелей читается и поддерживается, а создание массива и деструктуризация, в этом случае, лишняя операция. Правильней будет так:

const { id } = this.state;
const newOrder = { id, ... };
const orders = [];

Пример, реализующий желаемый функционал.
Версия с использованием JQuery.

Вы усложняете реализацию там, где это не требуется.
Все можно сделать гораздо понятней и проще:

const mapLangTitleByCode = code => ({
  const titles = {
    1: 'English',
    2: 'Russian',
  };
  return titles[code] || 'unknown code';
});

Для пола можно вообще функцию не делать

<div className="profile-data">
  <span>Language</span>
  <span>{mapLangTitleByCode(data.q_lang)}</span>
</div>
<div className="profile-data">
  <span>Sex</span>
  <span>{data.q_sex === 1 ? 'Male' : 'Female'}</span>
</div>