0xD34F

$('селектор кнопки').click(function() {
  $('селектор-элементов')
    .not('.класс')
    .slice(0, количествоЭлементовКоторымНадоДобавитьКласс)
    .addClass('класс');
});

или

const items = [...document.querySelectorAll('селектор элементов')];

document.querySelector('селектор кнопки').addEventListener('click', () => {
  items
    .splice(0, количествоЭлементовКоторымНадоДобавитьКласс)
    .forEach(n => n.classList.add('класс'));
});

пытался получить так:
console.log($('.wall_post_text', this)).innerText;
Но пишет undefined

Во-первых, опечатка - .innerText надо внутри внешних скобок было разместить, а так вы у результата вызова console.log хотите свойство прочитать (и получаете вы никакой не undefined, а ошибку "cannot read properties of undefined").

Во-вторых, значение свойства innerText надо получать у DOM-элемента, а не jquery объекта. Ну или замените обращение к свойству на вызов метода.

Исправляем:

$('.wall_post_text', this)[0].innerText
// или
$('.wall_post_text', this).get(0).innerText
// или
$('.wall_post_text', this).prop('innerText')
// или
$('.wall_post_text', this).eq(0).text()
// или
$('.wall_post_text:eq(0)', this).text()
// или, если элемент .wall_post_text внутри this один
$('.wall_post_text', this).text()

Так?

в чем тут логика?

Да ни в чём. Один из подводных камней языка. Типа, значение this должно всегда быть объектом, а для null/undefined, в отличие от строк/чисел/bool нет объектных обёрток, поэтому вот такой костыль. В строгом режиме работает как надо:

(function() {
  'use strict';
  var func = function() { console.log(this); };
  func.call(null); // выведет null
})();

var
  path = 'aaa.bbb.ccc.ddd',
  data = {
    aaa: {
      bbb: {
        ccc: {
          ddd: 'Hello!!'
        }
      }
    }
  };

console.log(path.split('.').reduce((p, c) => p[c], data)); // Hello!!

При присваивании копируется ссылка на массив, а не сам массив. Чтобы скопировать массив, есть варианты:

var copy = arr.slice();

var copy = arr.concat();

var copy = [...arr];

var copy = Array.from(arr);

При первом вычислении newFib принимает значение 3 (2 + 1, ага), затем проверка остатка от деления на 2 на равенство единице оказывается истинной и происходит переход к следующей итерации цикла. Снова вычисляется newFib - на основе тех же значений, 2 + 1, снова остаток от деления равен единице - идём на следующий круг и так далее.

Это к вопросу о том, почему цикл не останавливается. А вообще - "пошло не так" у вас в тот момент, когда появилась вот эта безумная конструкция из while(true), break'а в конце тела цикла и continue-костыля, заставляющего цикл работать как цикл.

Говорят, IE не поддерживает arrow functions.

Попробуйте так:

if (i > 10) {
  history.shift();
}

Что до вашего localStorage.removeItem(history[0]), то это не удаление нулевого элемента массива, хранящегося в localStorage, а удаление из localStorage свойства с именем, соответствующим значению нулевого элемента массива history.

Наверное, должно быть так:

var
  alphabet = 'абвгдеёжзийклмнопрстуфхцчшщъыьэюя',
  randomString = '';

while (randomString.length < 6) {
  randomString += alphabet[Math.floor(Math.random() * alphabet.length)];
}

console.log(randomString);

Что было не так:

• Ошибка в имени свойства - lenght вместо length (randomSymbol в результате всегда изначально равен 0).
  
• ; после условия в цикле while, что делало цикл бесконечным.
  
• Получение случайного значения индекса всего один раз, вместо того, чтобы делать это при каждой итерации.
  
• Неправильное использование метода random (он не принимает параметров), из-за чего randomSymbol всегда получает значение 0.
  

const classes = {
  test1: 'div1',
  test2: 'div2'
};

container.innerHTML = response.map(n => `<div class="${classes[n.Title]}"></div>`).join('');

https://codepen.io/anon/pen/wqdJzo

$('.typeahead').typeahead({
  minLength: 0,
}, {
  name: 'stocks',
  displayKey: 'company_name',
  source: function(q, sync) {
    if (q === '') {
      sync(stocks.all());
    } else {
      stocks.search(q, sync);
    }
  },
}).on('typeahead:selected', function(event, data) {            
  $('.typeahead').val(data.code);        
});

Обработчик клика по пункту меню:

$("body").on("click", "#mobile-menu a", function() {
    $wrapper.css({overflow:"auto"});
    $("body").removeClass( 'js-nav' );
    $( "#slide-out-open" ).removeClass('slide-out-close').addClass('slide-out-open');
    return false;
});

Вот этот вот return false в конце выглядит подозрительным. Что если его вырезать?

промисы же сами по себе асинхронны

Это ваша принципиальная ошибка. Не асинхронны они. Promise исполняет переданную ему функцию немедленно. Вот внутри переданной функции можно делать что-то асинхронное.

А можно не делать - как у вас в первом случае. Получается так - промис создаётся, тут же происходит resolve, дальше в цикле создаётся следующий промис, который в свою очередь тоже немедленно резолвится и так далее. В результате у браузера нет возможности обновить DOM, так как поток выполнения занят. Обновление происходит только после того, как цикл завершится.

Во втором же случае вызовы setTimeout прерывают исполнение вашего кода, давая браузеру возможность обновить DOM. "Даже с 0 задержкой" - тоже ничего удивительного, так как нулевая задержка означает не "вот прям сейчас", а "как только поток выполнения освободится".

Ну, судя по документации, такой возможности не предусмотрено.

Если такой возможности нет, поделитесь ссылками на хорошие календари.

JqueryUI datepicker умеет показывать несколько месяцев сразу - 2, 3, 4, ... сколько надо.

Вообще, трудно посоветовать что-то конкретное - непонятно, какую задачу вы пытаетесь решить. Если вам надо выбирать диапазон дат длиной в несколько месяцев - посмотрите в сторону date range picker, например.

Можно применить деструктуризацию + значение по умолчанию:

constructor({ closable = true }) {
  this.isClosable = closable;
}

Можно проверять наличие свойства:

this.isClosable = props.hasOwnProperty('closable') ? props.closable : true;

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

this.isClosable = props.closable === undefined ? true : props.closable;

document.querySelectorAll('[style*="background-image:"]')

Открыть консоль, крутануть стену вниз, посмотреть, куда пойдёт запрос. Найти в js-коде страницы соответствующие ajax-запросы, выставить брейкпоинты, крутануть стену ещё раз... Готово.

Функция - Wall.showMore.