Mattias Petter Johansson mpj

## classless.md

      
              1 file
            
          
              9 forks
            
          
              13 comments
            
          
              88 stars
            
          
                mpj
                / classless.md
            
            
              Last active
              February 28, 2023 15:39
            
          
      View classless.md
  
      
    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) {

  
## SocketServer.java
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() {

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

module.exports = orderTotal

## watcher.rb
#!/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.

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

## episode.js
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', () => {

## order-total.js

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

## example.js
function Person(saying) {
  this.saying = saying
}

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

function spawn(constructor) {
  var obj = {}

## monad-stream-example.js
const fetch = require('node-fetch')
const Bacon = require('baconjs')

function getInPortuguese(word) {
  // Google Translate API is a paid (but dirt cheap) service. This is my key
  // and will be disabled by the time the video is out. To generate your own,
  // go here: https://cloud.google.com/translate/v2/getting_started
  const apiKey =
    'AIzaSyB4DyRHIsNhogQXmH16YKbZfR-lTXrQpq0'
	const url =

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Intro to XState</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div id="box"></div>
	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() {
	function orderTotal(order) {
	return order.items.reduce((prev, cur) => cur.price * (cur.quantity \|\| 1) + prev, 0)
	}

	module.exports = orderTotal
	#!/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.
	const response = await fetch(`https://catappapi.herokuapp.com/users/${userId}`)
	const data = await response.json()
	return data.imageUrl
	}
	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', () => {

	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
	function Person(saying) {
	this.saying = saying
	}

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

	function spawn(constructor) {
	var obj = {}
	const fetch = require('node-fetch')
	const Bacon = require('baconjs')

	function getInPortuguese(word) {
	// Google Translate API is a paid (but dirt cheap) service. This is my key
	// and will be disabled by the time the video is out. To generate your own,
	// go here: https://cloud.google.com/translate/v2/getting_started
	const apiKey =
	'AIzaSyB4DyRHIsNhogQXmH16YKbZfR-lTXrQpq0'
	const url =
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Intro to XState</title>
	<link rel="stylesheet" href="styles.css" />
	</head>
	<body>
	<div id="box"></div>