JavaScript_Succinctly

More documents

Recommendations

Info

Chapter 1 JavaScript Objects Creating objects In JavaScript, objects are king: Almost everything is an object or acts like an object. Understand objects and you will understand JavaScript. So let's examine the creation of objects in JavaScript. An object is just a container for a collection of named values (aka properties). Before we look at any JavaScript code, let's first reason this out. Take myself, for example. Using plain language, we can express in a table, a "cody": cody property property value living True age 33 gender Male The word "cody" in the table is just a label for the group of property names and corresponding values that make up exactly what a cody is. As you can see from the table, I am living, 33, and a male. JavaScript, however, does not speak in tables. It speaks in objects, which are similar to the parts contained in the "cody” table. Translating the cody table into an actual JavaScript object would look like this: Sample: sample1.html // Create the cody object var cody = new Object(); // then fill the cody object with properties (using dot notation). cody.living = true; cody.age = 33; cody.gender = 'male'; 16
console.log(cody); // Logs Object {living = true, age = 33, gender = 'male'} Keep this at the forefront of your mind: objects are really just containers for properties, each of which has a name and a value. This notion of a container of properties with named values (i.e. an object) is used by JavaScript as the building blocks for expressing values in JavaScript. The cody object is a value which I expressed as a JavaScript object by creating an object, giving the object a name, and then giving the object properties. Up to this point, the cody object we are discussing has only static information. Since we are dealing with a programing language, we want to program our cody object to actually do something. Otherwise, all we really have is a database akin to JSON. In order to bring the cody object to life, I need to add a property method. Property methods perform a function. To be precise, in JavaScript, methods are properties that contain a Function() object, whose intent is to operate on the object the function is contained within. If I were to update the cody table with a getGender method, in plain English it would look like this: cody object property property value living True age 33 gender Male getGender return the value of gender 17
Page 2 and 3: By Cody Lindley Foreword by Daniel
Page 4 and 5: Table of Contents About the Author
Page 6 and 7: Object() object instance properties
Page 8 and 9: The Story behind the Succinctly Ser
Page 10 and 11: About the Author Cody Lindley is a
Page 12 and 13: Advanced technical books written ab
Page 14 and 15: “Consider that the cody object cr
Page 18 and 19: Using JavaScript, the getGender met
Page 20 and 21: * The String() constructor function
Page 22 and 23: new object that is returned from th
Page 24 and 25: Notes The Math object is the oddbal
Page 26 and 27: In this snippet, we created a new s
Page 28 and 29: Verify that literals are created fr
Page 30 and 31: The primitive values null, undefine
Page 32 and 33: The concept to take away here is th
Page 34 and 35: * This will throw an error and not
Page 36 and 37: copied, but not the actual value. T
Page 38 and 39: Sample: sample21.html // Primitive
Page 40 and 41: Notes Careful! If you mutate the na
Page 42 and 43: console.log(instanceOfCustomObject.
Page 44 and 45: myObject.prop = 'test'; myArray.pro
Page 46 and 47: Chapter 2 Working with Objects and
Page 48 and 49: Sample: sample31.html // Encapsula
Page 50 and 51: cody['getGender']() // Just slap th
Page 52 and 53: een defined. You might think that b
Page 54 and 55: console.log(myArray.toLocaleString(
Page 56 and 57: Sample: sample44.html var cody = {
Page 58 and 59: Sometimes a web browser manufacture
Page 60 and 61: I like this library because it take
Page 62 and 63: console.log(stringObject); // Logs
Page 64 and 65: Chapter 4 Number() Conceptual overv
Page 66 and 67:
NEGATIVE_INFINITY POSITIVE_INFINIT
Page 68 and 69:
Parameter passed to Boolean() = Mat
Page 70 and 71:
console.log(Boolean(Math)); console
Page 72 and 73:
var numberObject = new Number(1.100
Page 74 and 75:
Chapter 7 Null Conceptual overview
Page 76 and 77:
Chapter 8 Undefined Conceptual over
Page 78 and 79:
Chapter 9 The Head/Global Object Co
Page 80 and 81:
object. } // Logs bar, foo's value
Page 82 and 83:
Make sure you understand that the h
Page 84 and 85:
Object() parameters The Object() co
Page 86 and 87:
Sample: sample72.html var cody = n
Page 88 and 89:
Logs 'foo', being found at Object.p
Page 90 and 91:
Sample: sample77.html var addFunct
Page 92 and 93:
Sample: sample79.html var yelp = f
Page 94 and 95:
parameters when defining the functi
Page 96 and 97:
Notes The arguments.length property
Page 98 and 99:
Invoking a function (function, meth
Page 100 and 101:
Self-invoking anonymous function st
Page 102 and 103:
the bar variable. All this is to sh
Page 104 and 105:
Chapter 12 The this Keyword Concept
Page 106 and 107:
Clearly, the value of this is based
Page 108 and 109:
Working around the nested function
Page 110 and 111:
What you need to learn here is that
Page 112 and 113:
var john = new Person(); // No argu
Page 114 and 115:
Notes An unlimited number of functi
Page 116 and 117:
} (); How is the value of sayHiTex
Page 118 and 119:
var parentFunction = function () {
Page 120 and 121:
Chapter 14 Function Prototype Prope
Page 122 and 123:
Sample: sample119.html var myFunct
Page 124 and 125:
In this example, the foo property i
Page 126 and 127:
console.log(FooInstance.constructor
Page 128 and 129:
Providing a new object as the proto
Page 130 and 131:
var chuck = new Person(0, 0); conso
Page 132 and 133:
An Array() is just a special type o
Page 134 and 135:
It is more common to see an array d
Page 136 and 137:
console.log(myArray.length); // Log
Page 138 and 139:
while (myArrayLength--) { // If len
Page 140 and 141:
ceil() cos() exp() floor() log() ma
Page 142 and 143:
That is: a complex value is equal t
show all

JavaScript_Succinctly

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?