Алексей Уколов

Как вернуть ответ из XMLHttpRequest?

Всё дело в том, что this в A.foo ссылается не на A, а на инстанс B. А поиск метода идёт по цепочке прототипов, начиная сверху, поэтому до A.bar никогда не доходит.
Рассуждать, логично это или нет, бессмысленно - это просто так и нужно принять такое поведение, понять его и использовать.

И нет, в Java и C++ поведение не такое. Вообще, в javascript наследование прототипное и есть закидоны особенности с контекстом вызова, поэтому привычное из других языков понимание ООП в нём не всегда работает.

var dataCharts = {
    cols: [
        {id: "year",label: "Год",type: "string"}
    ],
    rows: [
        {c: [{v: "2015"}]}
    ],
};

arr.forEach(function (element, index) {
    dataCharts.cols.push({id: element.Rank,label: element.Country,type: element.US$});
});

arr.forEach(function (element, index) {
    dataCharts.rows[0].c.push({v: "101994", f: "101994"});
});

Если изменяю строку "var dataCharts = [];" на "var dataCharts = {};", получаю ошибку "TypeError: dataCharts.push is not a function"

Метод push есть у массивов, но его нет у объектов.

Если вам сложно сходу построить сложный объект, стройте его по частям:

var cols = [
     {id: "year",label: "Год",type: "string"},
];

arr.forEach(function (element, index) {
    cols.push({id: element.Rank,label: element.Country,type: element.US$});
});

var rows = [
    {v: "2015"},
];

arr.forEach(function (element, index) {
    rows.push({v: "101994", f: "101994"});
});

var dataCharts = {
    cols: cols,
    rows: [
        {c: rows},
    ],
};

<div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth>John Doe</div>

let el = document.querySelector('#user');

// el.id == 'user'
// el.dataset.id === '1234567890'
// el.dataset.user === 'johndoe'
// el.dataset.dateOfBirth === ''

el.dataset.dateOfBirth = '1960-10-03'; // set the DOB.

// 'someDataAttr' in el.dataset === false

el.dataset.someDataAttr = 'mydata';
// 'someDataAttr' in el.dataset === true

https://developer.mozilla.org/ru/docs/Web/API/HTML...
caniuse.com/#feat=dataset

p.clone = function() {
    return new URI(this);
};

https://github.com/medialize/URI.js/blob/85279a0ed...

То объект клонируется, хотя метод clone предназначен для клонирования дом-элементов, но это сработает.

При чём здесь .clone() вообще? На jQuery свет клином не сошёлся, и за её пределами есть разумная жизнь, которая вполне себе может называть методы так же, как в jQuery, не имея с ней ничего общего при этом. У нас в офисе тоже есть Константин, но я же понимаю, что вопрос писал, скорее всего, не он.

P.S.

И uri и obj это объекты, что подтвердит typeof

В javascript всё объекты.

typeof null // "object"
typeof [] // "object"

Можно прямо гитхабовские URL вставлять (rangeslider.css, rangeslider.js) и игнорировать предупреждение.
А можно на главной https://rawgit.com/ вставить ссылку на файл и получить корректную. Сейчас у вас кривые ссылки.

Из асинхронной функции невозможно вернуть значение, потому что на момент выхода из неё оно ещё не определено.
Вы можете:

1. Вернуть промис, который будет возвращать значение
   
2. Принимать в асинхронную функцию другую функцию и вызывать её при получении результата, передавая его в качестве аргумента.
   
3. Сделать запрос синхронным и писать результат в глобальную переменную.
   
4. Использовать синтаксис async/await, если у вас свежая версия Node.
   

Первый вариант более современный и гибкий, второй более простой для понимания. По обоим вариантам есть масса информации, документации и уроков (подобный вопрос задаётся здесь ежедневно не по разу, поэтому не расписываю подробнее).
Третий вариант - кривой костыль и приведён только для полноты картины, не стоит так делать.
Чётвертый - это промисы для хипстеров, лучше использовать его тогда, когда вы хорошо умеете работать с промисами, чтобы случайно ничего себе не отстрелить.

learn.javascript.ru/object

Это метод класса: https://learn.javascript.ru/es-class

Пользователь не знает ни о каких фреймворках, да и не должен знать.

Чтобы не путаться в замыканиях, областях видимости переменных и бесконечных циклах, проще всего сделать так:

setInterval(() => $(".count1").text(parseInt($(".count1").text(), 10) + 1), 1000);

Но этот способ предполагает, что в .count1 изначально будет какое-то число.

Если чуть усложнить код, то это ограничение снимается:

setInterval(() => $(".count1").text((parseInt($(".count1").text(), 10) || 0) + 1), 1000);

или

let counter = 1;
setInterval(() => $(".count1").text(counter++), 1000);

Фактически, shim - это костыль для библиотек, которые не реализуют ни один из стандартов js-модулей (AMD, CommonJS) или поддерживают его как-то не так, как нужно.

А вам действительно нужна поддержка динозавров? С IE8+ можно использовать стандартные средства для решения этой задачи и не тратить время на неработающие велосипеды.

Как можно ускорить этот процесс?

Шаг 1: провести профилирование, найти тормозящий этап. Это может быть получение данных из БД, бэкенд, фронтенд, сеть - что угодно.
Шаг 2: понять, почему конкретно этот этап тормозит.
Шаг 3: внести изменения.
Шаг 4: наслаждаться результатом.

Оптимизация кода методом пристального взгляда (а это единственный доступный посетителям Тостера способ) - дело неэффективное.

Потому что в previousSibling попадают и текстовые ноды (пробелы между тегами, иначе говоря). В этом легко убедиться, выведя в консоль результат выражения

document.querySelector('.push-to-add').previousSibling

А чтобы увидеть все узлы на этом уровне, выполните

console.dir(document.querySelector('.push-to-add').parentElement.childNodes)

Вам в данном случае нужно использовать previousElementSibling или убрать пробел между тегами, чтобы исчез текстовый узел, возникающий между этими элементами:
</section><button class="push-to-add">

Потому что false - это только 0 и NaN. Всё остальное - true (включая Infinity и -Infinity).
Если для вас это важно, то проверяйте на x > 0