🐷

FFS

💥

AF

http://www.nndb.com/people/095/000031002/

http://knowyourmeme.com/memes/obama-rage-face-not-bad

<syntax />

function getName(person) {
  return person.name;
}
const getName = person => person.name;

Funksjoner

function sayHello(name) {
  if (name === undefined) {
    name = 'person';
  }
  
  console.log('Hello ' + name + '!');
}
const sayHello = (name = 'person') => {
    console.log(`Hello ${name}`);
};

Default parametre

function getFullName(person) {
  var firstName = person.firstName;
  var lastName = person.lastName;
  return firstName + ' ' + lastName;
}
const getFullName = ({ firstName, lastName }) => {
    return `${firstName} ${lastName}`;
};

Destrukturering

var items = [1, 2, 3, 4, 5];
var first = items[0];
var second = items[1];
var third = items[2];

Destrukturering

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

const [first, second, third] = items;
function combine(obj, overrides) {
  return Object.assign({}, obj, overrides);
}

Rest / Spread

const combine = (original, overrides) => { 
  return {
    ...original, 
    ...overrides, 
  };
};
const getAllButOne = obj => {
  const { care, ...importantBits };
  return importantBits;
};
function addFirst(item, list) {
  return [item].concat(list);
}

Rest / Spread

const addFirst = (item, list) => ([item, ...list]);
const allButFirst = list => {
  const [first, ...rest] = list;
  return rest;
}

Og masse mer!

class

Template strings

let + const

import + export

iteratorer!

Symbols

generatorer

shorthand object notation

JS !== web

API

geolocation

VR

gamepad

service worker

web payment

speech recognition

Ikke alt overalt

  • Polyfills
  • Transpilering
  • Feature detection
  • Performance

Lær JavaScript!

@selbekk

Made with Slides.com