Bruce Harris bruceharris

JavaScript II - Objects, Arrays and Booleans

JavaScript II - Objects, Arrays, and Booleans

Laying the foundation for object oriented programing in JavaScript.

When I ask interview candidates to explain what prototypes mean in JavaScript, the response is often something like this

Here's my attempt to explain it succinctly.

I think it's important to draw the distinction between 2 related concepts: the prototype property of functions, and the prototype of an object

	<!doctype html>
	<html lang=en>
	<meta charset=utf-8>
	<title>Multiplication Table</title>
	<style>
	body { font-family "Lucida Grande", Sans-Serif }
	td { border: 1px solid black; }
	th { border: none; font-weight: normal; font-size: 1.2em; color: blue }
	input { width: 25px; height: 25px; margin: 5px; font-size: 1.2em; }
	div { float: left; }

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by bruceharris</title>
	<!--
	Copyright (c) 2012 Bruce Harris, http://codepen.io/bruceharris

	Permission is hereby granted, free of charge, to any person obtaining

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by bruceharris</title>
	<!--
	Copyright (c) 2012 Bruce Harris, http://codepen.io/bruceharris

	Permission is hereby granted, free of charge, to any person obtaining

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by bruceharris</title>
	<!--
	Copyright (c) 2012 Bruce Harris, http://codepen.io/bruceharris

	Permission is hereby granted, free of charge, to any person obtaining

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by bruceharris</title>
	<!--
	Copyright (c) 2012 Bruce Harris, http://codepen.io/bruceharris

	Permission is hereby granted, free of charge, to any person obtaining

	<!doctype html>
	<style>
	html, body, iframe { height: 100%; }
	iframe { width: 100%; }
	}
	</style>
	<iframe src="http://bl.ocks.org/1333347"></iframe>