egrueter-dev

const sayMyName = (name) => { alert(‘Hello ${name})! }

sayMyName(‘Erik’);

=> Hello Erik!

egrueter-dev

const winners = [‘racer1’, ‘racer2’, ‘racer3’, ‘racer4’];

egrueter-dev

const race = ‘100m dash’

egrueter-dev

{
  name: `racer1`,
  race: `position`
  place: 1
}

egrueter-dev

const results = winners.map((winner, i) => ({name: winner, race: race, place: i}));

egrueter-dev

const button = document.querySelector(‘.button’);

buttton.addEventListener(‘click, () => {
  this.classList.toggle(‘on’); //=> error!!! This is defined globally.
});

egrueter-dev

buttton.addEventListener(‘click, function()  {
this.classList.toggle(‘on’); //=> error!!! This is defined globally.
});

egrueter-dev

const obj = function() {};
obj.prop = 'object\'s property';
console.log(obj.prop);

egrueter-dev

// Creating the first prototype
const proto1 = function() {};
proto1.prop2 = 'protos property';

const obj = Object.create(proto1);
obj.prop = 'object\'s property';

console.log(obj.prop);
console.log(obj.prop2);

egrueter-dev

// Creating the second prototype
const proto2 = function () {};
proto2.prop3 = "proto 2's property"

// Creating the first prototype
const proto1 = Object.create(proto2)
proto1.prop2 = 'protos property';

const obj = Object.create(proto1);
obj.prop = 'object\'s property';