Slide 1

Slide 1 text

JavaScript: Understanding the weird parts

Slide 2

Slide 2 text

JavaScript?

Slide 3

Slide 3 text

JavaScript? - Started out as language to make web pages dynamic

Slide 4

Slide 4 text

JavaScript Everywhere!

Slide 5

Slide 5 text

The Sad Part

Slide 6

Slide 6 text

Weirds

Slide 7

Slide 7 text

Weird 00

Slide 8

Slide 8 text

Weird 01

Slide 9

Slide 9 text

var foo = ‘1’ + 2; console.log(foo); var data = data || {}; console.log(data);

Slide 10

Slide 10 text

Weird 02

Slide 11

Slide 11 text

var a; console.log(a); if (a === undefined) { console.log('a is undefined!'); } else { console.log('a is defined!'); }

Slide 12

Slide 12 text

Weird 03

Slide 13

Slide 13 text

var Tony = { firstname: 'Tony', lastname: 'Alicea', address: { street: '111 Main St.', city: 'New York', state: 'NY' }, fullname: function(){ return firstname + ‘ ’ + lastname; } }; var firstnameKey = ‘firstname’; console.log(Tony.firstnameKey); console.log(Tony.firstname); console.log(Tony.fullname);

Slide 14

Slide 14 text

Weird 04

Slide 15

Slide 15 text

function a() { console.log(this); this.newvariable = 'hello'; } var b = function() { console.log(this); } a(); console.log(newvariable); // not good!

Slide 16

Slide 16 text

Weird 05

Slide 17

Slide 17 text

var foo = function() { var bar = 'baz' return { bar: bar } } console.log(foo());

Slide 18

Slide 18 text

Weird Undefined

Slide 19

Slide 19 text

Get JavaScripty!

Slide 20

Slide 20 text

Questions?

Slide 21

Slide 21 text

Thanks!