gleendo

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");
};

const sun = new class { // singleton...
  constructor(color, isBig) {
    this.color = "yellow";
    this.isBig = true;
  }
}();

function createSunSingleton() {
  var instance; // замыкание...
    
  return function() {
    if (typeof instance === "object") return instance;

    this.color = 'yellow';
    this.isBig = true;

    instance = this;
  }
}

var Sun = createSunSingleton();

var sun1 = new Sun;
Sun.instance = null;
var sun2 = new Sun;

console.log(sun1 === sun2) // true

// Слушаем событие клика на всем контейнере.
document.querySelector("#messages-container").addEventListener("click", event => { // Делегирование...
  if (event.target.classList.contains("remove-button")) { // Если элемент на который кликнули внутри контейнера имеет класс remove-button 
    event.target.parentNode.remove(); // то удаляем родительский элемент кнопки
  }
}, false);

// Можно и так...
for (let button of document.querySelectorAll(".remove-button")) {
  button.addEventListener("click", event => {
    button.parentNode.remove();
  }, false);
}

// Ну или так...
document.querySelectorAll(".remove-button").forEach(button => button.addEventListener("click", () => button.parentNode.remove(), false));

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let copy = [...arr];

console.log(copy.splice(0, 5)); // [1, 2, 3, 4, 5]
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

Demo (Chrome 60.0.3112.78)

let showEvent = new CustomEvent("show", {
	detail: {
  	message: "Showing..."
  }
});

document.addEventListener("show", event => alert(event.detail.message), false);

setTimeout(() => document.dispatchEvent(showEvent), 5000);