Skip to content

Instantly share code, notes, and snippets.

View aerrity's full-sized avatar

Andrew Errity aerrity

34 followers · 1 following
View GitHub Profile
@aerrity
aerrity / es6-class-syntax.js
Created November 1, 2017 13:26
// ES6 class syntax
// -----------------
// Car class
class Car {
constructor(make, model, price) {
this.make = make;
this.model = model;
this.price = price;
}
@aerrity
aerrity / classical-inheritance.js
Created November 1, 2017 13:28
// Classical inheritance
// -----------------
// Car class
function Car(make, model, price) {
this.make = make;
this.model = model;
this.price = price;
}
@aerrity
aerrity / readme.md
Last active November 2, 2017 18:30 
// Prototypal inheritance
// OLOO (Objects Linked to Other Objects)
// There are some variations on how this can be implemented. The below is one interpretation.


// -----------------
// create a car object
let Car = {
  make: 'Ford',
@aerrity
aerrity / circles.js
Last active November 11, 2017 14:52
P5.js example demonstrating a constructor function with methods attached to its prototype
function Circle(x = 50, y = 50, r = 100, col = '#f00') {
this.x = x;
this.y = y;
this.r = r;
this.col = col;
this.vx = random(-5,5);
this.vy = random(-5,5);
}
Circle.prototype.move = function() {
@aerrity
aerrity / index.html
Last active November 11, 2017 14:42
P5.js example demonstrating a constructor function and the mousePressed() function.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"></script>
<script src='./sketch.js'></script>
<title>P5.js</title>
</head>
<body>
@aerrity
aerrity / method-chaining.js
Created November 14, 2017 17:09
Example with vs. without method chaining
// -------------------------------
// Example without method chaining
// -------------------------------
let MathsLib = {
num: 10,
addTwo() {
this.num += 2;
},
@aerrity
aerrity / bouncing-circles-method-chaining.js
Last active November 15, 2017 13:20
P5.js example using constructor functions, classical inheritance and method chaining
// ----------------------------
// Parent class (or superclass)
// ----------------------------
function Circle(x = 50, y = 50, r = 100, col = '#f00') {
this.x = x;
this.y = y;
this.r = r;
this.col = col;
this.vx = random(-5,5);
this.vy = random(-5,5);
@aerrity
aerrity / bouncing-circles.js
Last active December 24, 2022 00:26
P5.js example using constructor functions and classical inheritance
// ----------------------------
// Parent class (or superclass)
// ----------------------------
function Circle(x = 50, y = 50, r = 100, col = '#f00') {
this.x = x;
this.y = y;
this.r = r;
this.col = col;
this.vx = random(-5,5);
this.vy = random(-5,5);
@aerrity
aerrity / bouncing-circles-es6-classes.js
Last active January 20, 2021 07:18
P5.js example demonstrating ES6 classes, inheritance and method chaining
// ----------------------------
// Parent class (or superclass)
// ----------------------------
class Circle {
constructor(x = 50, y = 50, r = 100, col = '#f00') {
this.x = x;
this.y = y;
this.r = r;
this.col = col;
this.vx = random(-5,5);
@aerrity
aerrity / getAge.js
Created November 15, 2017 15:19
// Source: https://stackoverflow.com/questions/10008050/get-age-from-birthdate
function getAge()
{
let today = new Date();
let birthDate = new Date(this.dob);
let age = today.getFullYear() - birthDate.getFullYear();
let m = today.getMonth() - birthDate.getMonth();
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate()))
{
age--;