gleendo

Demo

<form>
  <button type="submit">Go</button>
  <button class="add">Добавить</button>
</form>

<ul class="list"></ul>

let index = 0;
let list = $(".list");

$("form").bind("submit", event => { // bind!!!
  event.preventDefault();

  list.find("li").each(item => {
    alert(item);
  });
});

$(".add").on("click", event => {
	event.preventDefault();

	const li = document.createElement("li");
  li.textContent = index++;
  
  list.append(li);
})

Demo

// В JS нет перегрузки методов...
// Можно только переопределить его
class Super {
  constructor() {
    // some code
  }

  method(a) { // Super.prototype.method
    // some code
  }
}

class Sub extends Super {
  constructor() {
    super();
  }
  
  method(a, b) { // overriding
    // another some code
  }
}

Demo

res.set("Content-Type", "application/json");

// response.json(); // Можно и так отправить json без явного указания типа

// Что то типа этого...но это дико ужасно. Вам явно нужно задуматься над другой реализацией. 
// Хотя бы используйте шаблонизатор какой нибудь.
const list = document.querySelector("ol");

const createList = (list, questions) => {
  for (let i = 0; i < questions.length; i += 1) {
    let question = questions[i];
    let index = i + 1;
  
    let li = document.createElement("li");
    let span = document.createElement("span");
  
    li.classList.add("test-li");
    span.classList.add("quest quote__main");
  
    span.textContent = question.text;
  
    li.appenChild(span);
  
    list.appendChild(li)
  
    for (let answer in question.answers) {
      let input = document.createElement("input");
  
      input.setAttribute("type", "radio");
      input.setAttribute("name", `i${index}`);
      input.setAttribute("id", "test-radio");
      input.value = answer;
      input.textContent = question.answers[answer];
  
      input.addEventListener("click", event => {
        engine(i, event.target.value);
      }, false);
  
      list.appendChild(input);
    }
  }
};

createList(list, questions);

document.querySelector(".test").width;
document.getElementsByClassName("test")[0].width;
document.querySelectorAll(".test")[0].width;

Demo

Object.assign(defualt, params)

function drawPlaces(json, section) {
  let container;
  let circleClass;
  let statusObj;

  switch (section) {
    case "VIP":
      container = "#VIP_0020parter";
      break;
    case "Партер":
      container = "#parter";
      break;
    case "Бельэтаж":
      container = "#belletaj";
      break;
    case "Балкон":
      container = "#balcony";
      break;
  }

  for (let item of JSON.parse(json)) {
    switch (item.status) {
      case "Забронировано":
        circleClass = "reserved"
        break;
      case "В обработке":
        circleClass = "reserved"
        break;
      case "Куплено":
        circleClass = "closed";
        break;
    }

    $(container).find(`[tc-row-no=${item.row}]`).find(`[tc-seat-no=${item.col}]`).addClass(circleClass);
  }
}

const cities = [...new Set(shops.map(shop => shop.geoObj))];

Не создается там объект строки с именем "o".
Создается объект строки со свойством у которого значение равно "o".

String {0: "о", length: 1, [[PrimitiveValue]]: "о"}

При вызове метода, this будет равен этому объекту. А так как метод join должен принимать строковое значение, то this преобразуется в строковое значение "o" при помощи метода toString();

При вызове объекта в контексте где нужно строковое значение, происходит неявное преобразование типов. Неявно вызывается метод toString наследованный от Object.prototype, либо перезаписанный в классе на основе которого был создан объект.

const obj = {
	name: "Alex",
  gender: "male"
};

const arr = [1, 2, 3, 4, 5];

alert(obj); // [object Object] 
alert(arr); // 1, 2, 3, 4, 5 // Перезаписанный метод toString();


// Тоже самое
alert(Object.prototype.toString.call(obj)) // [object Object] (obj.toString());
alert(Array.prototype.toString.call(arr)) // 1, 2, 3, 4, 5 (arr.toString());

const Super = function(superProp) {
	this.superProp = superProp;
};

// Присваивать prototype объект не нужно. 
// Нужно только добавлять данные, 
// иначе прототип будет перезаписан на обычный объект, 
// у которого нет свойств которые содержит prototype по умолчанию
Super.prototype.superMethod = function() { 
	console.log("I am Super Class");
};

// Так делать не нужно - Super.prototype = {
		// some code
// };

// Super.prototype = { После добавления свойств в prototype, он будет выглядеть примрно так
//   constructor: Super, // свойства по умолчанию
//   __proto__: Object.prototype, // default
//   superMethod: function() {
//   	// some code
//   }
// };

const SubClass = function(subProp) {
	Super.apply(this, arguments); // Вызов конструктора супер класса

	this.subProp = subProp;
  
  // __proto__ = Super.prototype;
}

SubClass.prototype = Object.create(Super.prototype); // Создаем объект прототипа на основе прототипа супер класса
SubClass.prototype.constructor = SubClass; // Перезаписываем свойство constructor

SubClass.prototype.subMethod = function() {
	console.log("I am subClass");
};