nealfennimore

// Underscore JS for better "enumerable" functions - underscorejs.org

var config = {
  openOnLoad: false,
  defaultName: "Jane",
  options: ["Red", "Green", "Blue"]
};

config.options.forEach(function(option){
  console.log(option);

nealfennimore

var config = {
  openOnLoad: false,
  defaultName: "Jane",
  options: ["Red", "Green", "Blue"],
  print: function() {
    console.log("Here in config");
  }
};

console.log(config.print()); // => "Here in config"

nealfennimore

var jane = {
  name: "jane",
  status: "cool"
};

function Person(name, status) {
  this.name = name;
  this.status = status;
  this.greeting = function() {
    console.log("Hello, I'm " + this.name);

nealfennimore

$.post( "test.php", $( "#testform" ).serialize() );

nealfennimore

# Each new HTTP request (from client -> server) uses a new TCP/IP connection.

# New connection == meeting the the fist time. There's nothing inherent in HTTP that allows a server to remember who is who.

# Why would the server need to track miultiple users?


# Hacking state onto HTTP ------------

# Tracking 'state' i.e. data

nealfennimore

$('form').submit( function(e){
  e.preventDefault();
  
  var kitten = $(this).serialize(); // sends as string
  
  $.ajax({
    type: "POST",
    url: "/kittens/new",
    data: kitten
  })

nealfennimore

// How many globals? 4 with console.log

function Person(name) {
  this.name = name;
}

function greeting(person) {
  console.log("Hello" + person.name);
}

nealfennimore

// How do we create scope?

function drive() {
  var innerState = 66;
  console.log(innerState); // Should print 66
}

drive(); //66

console.log(innerState); // Should print undefined or raise not defined

nealfennimore

// More than one variable - this is called shadowing

var city = "Chicago";

function nyc() {
  var city = "NYC";
  console.log(city); // SHould print "NYC"
}

nyc();

nealfennimore

// this
console.log(this); // window

function firstFunction() {
  console.log("Hello world"); // Hello world
  console.log(this); //window
}

function Person(name) {
  this.name = "Jane Doe";