mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2024-12-23 17:41:41 +00:00
Miscellaneous edits to JavaScript
This commit is contained in:
parent
8a870cab44
commit
3dfdab742d
@ -33,7 +33,7 @@ doStuff()
|
|||||||
* 1. Numbers, Strings and Operators
|
* 1. Numbers, Strings and Operators
|
||||||
***********/
|
***********/
|
||||||
|
|
||||||
// Javascript has one number type that covers ints and floats.
|
// Javascript has one number type, which is a 64-bit IEEE 754 double.
|
||||||
3 // = 3
|
3 // = 3
|
||||||
1.5 // = 1.5
|
1.5 // = 1.5
|
||||||
|
|
||||||
@ -46,6 +46,10 @@ doStuff()
|
|||||||
// Including uneven division.
|
// Including uneven division.
|
||||||
5 / 2 // = 2.5
|
5 / 2 // = 2.5
|
||||||
|
|
||||||
|
// Bitwise operations also work; when you perform a bitwise operation your float
|
||||||
|
// is converted to a signed int *up to* 32 bits.
|
||||||
|
1 << 2 // = 4
|
||||||
|
|
||||||
// Enforce precedence with parentheses
|
// Enforce precedence with parentheses
|
||||||
(1 + 3) * 2 // = 8
|
(1 + 3) * 2 // = 8
|
||||||
|
|
||||||
@ -165,7 +169,7 @@ if (count == 3){
|
|||||||
} else if (count == 4) {
|
} else if (count == 4) {
|
||||||
// evaluated if count is 4
|
// evaluated if count is 4
|
||||||
} else {
|
} else {
|
||||||
// evaluated if it's not either
|
// evaluated if it's not either 3 or 4
|
||||||
}
|
}
|
||||||
|
|
||||||
// As does while.
|
// As does while.
|
||||||
@ -179,7 +183,8 @@ do {
|
|||||||
input = getInput()
|
input = getInput()
|
||||||
} while (!isValid(input))
|
} while (!isValid(input))
|
||||||
|
|
||||||
// the for loop is the same as C and Java: initialisation; test; iteration.
|
// the for loop is the same as C and Java:
|
||||||
|
// initialisation; continue condition; iteration.
|
||||||
for (var i = 0; i < 5; i++){
|
for (var i = 0; i < 5; i++){
|
||||||
// will run 5 times
|
// will run 5 times
|
||||||
}
|
}
|
||||||
@ -192,8 +197,8 @@ if (colour == "red" || colour == "blue"){
|
|||||||
// colour is either red or blue
|
// colour is either red or blue
|
||||||
}
|
}
|
||||||
|
|
||||||
// && and || "short circuit", which is useful for setting default values...
|
// && and || "short circuit", which is useful for setting default values.
|
||||||
var name = otherName || "default";
|
var name = otherName || "default"
|
||||||
|
|
||||||
/***********
|
/***********
|
||||||
* 5. Functions, Scope and Closures
|
* 5. Functions, Scope and Closures
|
||||||
@ -280,41 +285,63 @@ myObj.myBoolean // = true
|
|||||||
myPrototype.meaningOfLife = 43
|
myPrototype.meaningOfLife = 43
|
||||||
myObj.meaningOfLife // = 43
|
myObj.meaningOfLife // = 43
|
||||||
|
|
||||||
// While the __proto__ magic property we've seen so far is useful for
|
// We mentioned that __proto__ was non-standard, and there's no standard way to
|
||||||
// explaining prototypes, it's non-standard. There's no standard way to change
|
// change the prototype of an existing object. However, there's two ways to
|
||||||
// an existing object's prototype, but there's two ways to set the prototype of
|
// create a new object with a given prototype.
|
||||||
// a new object when you first create it.
|
|
||||||
|
|
||||||
// The first is Object.create, which is a recent addition to JS, and therefore
|
// The first is Object.create, which is a recent addition to JS, and therefore
|
||||||
// not available in all implementations yet.
|
// not available in all implementations yet.
|
||||||
var myObj = Object.create(myPrototype)
|
var myObj = Object.create(myPrototype)
|
||||||
myObj.meaningOfLife // = 43
|
myObj.meaningOfLife // = 43
|
||||||
|
|
||||||
// Unfortunately, Object.create is quite recent and isn't available in many
|
// The second way, which works anywhere, has to do with constructors.
|
||||||
// browsers, so you often can't use that, either. The most reliable way to set
|
// Constructors have a property called prototype. This is *not* the prototype of
|
||||||
// prototypes involves constructors.
|
// the constructor function itself; instead, it's the prototype that new objects
|
||||||
|
// are given when they're created with that constructor and the new keyword.
|
||||||
|
myConstructor.prototype = {
|
||||||
|
getMyNumber: function(){
|
||||||
|
return self.myNumber
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var myNewObj2 = new myConstructor()
|
||||||
|
myNewObj2.getMyNumber() // = 5
|
||||||
|
|
||||||
// TODO: write about the .prototype property on constructors
|
// Built-in types like strings and numbers also have constructors that create
|
||||||
|
// equivalent wrapper objects.
|
||||||
|
var myNumber = 12
|
||||||
|
var myNumberObj = new Number(12)
|
||||||
|
myNumber == myNumberObj // = true
|
||||||
|
|
||||||
// Built-in types' prototypes work like this too, so you can actually change
|
// Except, they aren't exactly equivalent.
|
||||||
// the prototype of a string, for instance.
|
typeof(myNumber) // = 'number'
|
||||||
|
typeof(myNumberObj) // = 'object'
|
||||||
|
myNumber === myNumberObj // = false
|
||||||
|
if (0){
|
||||||
|
// This code won't execute, because 0 is falsy.
|
||||||
|
}
|
||||||
|
if (Number(0)){
|
||||||
|
// This code *will* execute, because Number(0) is truthy.
|
||||||
|
}
|
||||||
|
|
||||||
|
// However, the wrapper objects and the regular builtins share a prototype, so
|
||||||
|
// you can actually add functionality to a string, for instance.
|
||||||
String.prototype.firstCharacter = function(){
|
String.prototype.firstCharacter = function(){
|
||||||
return this.charAt(0)
|
return this.charAt(0)
|
||||||
}
|
}
|
||||||
"abc".firstCharacter() // = "a"
|
"abc".firstCharacter() // = "a"
|
||||||
|
|
||||||
// There are several implementations of JavaScript, which all gain new features
|
// This fact is often used in "polyfilling", which is implementing newer
|
||||||
// at different times. Sometimes, however, it's possible to replicate new
|
// features of JavaScript in an older subset of JavaScript, so that they can be
|
||||||
// features by altering built in types or prototypes, which is called
|
// used in older environments such as outdated browsers.
|
||||||
// "polyfilling".
|
|
||||||
|
|
||||||
// For instance, we mentioned that Object.create isn't yet available in all
|
// For instance, we mentioned that Object.create isn't yet available in all
|
||||||
// implementations, but we can still use it if we do this:
|
// implementations, but we can still use it with this polyfill:
|
||||||
if (Object.create === undefined){
|
if (Object.create === undefined){ // don't overwrite it if it exists
|
||||||
Object.create = function(proto){
|
Object.create = function(proto){
|
||||||
// make a temporary constructor with the right prototype
|
// make a temporary constructor with the right prototype
|
||||||
var Constructor = function(){}
|
var Constructor = function(){}
|
||||||
Constructor.prototype = proto
|
Constructor.prototype = proto
|
||||||
|
// then use it to create a new, appropriately-prototyped object
|
||||||
return new Constructor()
|
return new Constructor()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user