mpj

<title>hello!!</title>
<canvas
name=canvas 
width=300 height=300 style="border: solid 2px red">

</canvas>
<script>

canvas = document.body.children[0]
context = canvas.getContext('2d')

mpj

The future is here: Classless object-oriented programming in JavaScript.

Douglas Crockford, author of JavaScript: The Good parts, recently gave a talk called The Better Parts, where he demonstrates how he creates objects in JavaScript nowadays. He doesn't call his approach anything, but I will refer to it as Crockford Classless.

Crockford Classless is completely free of class, new, this, prototype and even Crockfords own invention Object.create.

I think it's really, really sleek, and this is what it looks like:

function dog(spec) {

mpj

const response = await fetch(`https://catappapi.herokuapp.com/users/${userId}`)
  const data = await response.json()
  return data.imageUrl
}

mpj

function orderTotal(order) {
  return order.items.reduce((prev, cur) => cur.price * (cur.quantity || 1) + prev, 0)
}

module.exports = orderTotal

mpj

var animals = [
  { name: 'Fluffykins', species: 'rabbit' },
  { name: 'Caro',       species: 'dog' },
  { name: 'Hamilton',   species: 'dog' },
  { name: 'Harold',     species: 'fish' },
  { name: 'Ursula',     species: 'cat' },
  { name: 'Jimmy',      species: 'fish' }
]

mpj

import java.io.*;
import java.net.ServerSocket;
import java.net.Socket;

public class SocketServer {

    public static final int port = 12345;
    private ServerSocket server;

    public void listen() {

mpj

#!/usr/bin/env ruby

require 'rubygems'
require 'rb-fsevent'
require 'ruby-growl'


def sync(local, host, remote, growl)

  # Construct the bash command that runs rsync.

mpj

const assert = require('assert')

function getAnimals(fetch, id) {
  return fetch('http://api.animalfarmgame.com/animals/' + id)
    .then(response => response.json())
    .then(data => data.results[0])
}

describe('getAnimals', () => {
  it('calls fetch with the correct url', () => {

mpj

function orderTotal(fetch, order) {
  fetch('https://vatapi.com/v1/country-code-check?code=' + order.country)
  return Promise.resolve(order.items.reduce((prev, cur) =>
    cur.price * (cur.quantity || 1) + prev, 0))
}

module.exports = orderTotal

mpj

function Person(saying) {
  this.saying = saying
}

Person.prototype.talk = function() {
  console.log('I say:', this.saying)
}

function spawn(constructor) {
  var obj = {}