summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorNami-Doc <vendethiel@hotmail.fr>2014-03-16 19:28:38 +0100
committerNami-Doc <vendethiel@hotmail.fr>2014-03-16 19:28:38 +0100
commita4ce8be213e65fd67562b0716a09d0e68b84c503 (patch)
treee66779795d1d7f7a22c2d469737397701a7eb16b
parent04e1239c1230b3f6438ab36cb5c3d60242f28711 (diff)
parent6348a3adde95e72334bf8bfd1ca95079862c1c0b (diff)
Merge pull request #565 from arikrak/patch-3
Added a bit of example code and resources.
-rw-r--r--javascript.html.markdown39
1 files changed, 38 insertions, 1 deletions
diff --git a/javascript.html.markdown b/javascript.html.markdown
index 85c5d817..76017c17 100644
--- a/javascript.html.markdown
+++ b/javascript.html.markdown
@@ -2,6 +2,7 @@
language: javascript
contributors:
- ["Adam Brenecki", "http://adam.brenecki.id.au"]
+ - ["Ariel Krakowski", "http://www.learneroo.com"]
filename: javascript.js
---
@@ -103,7 +104,13 @@ false;
"5" === 5; // = false
// You can access characters in a string with charAt
-"This is a string".charAt(0);
+"This is a string".charAt(0); // = 'T'
+
+// ...or use substring to get larger pieces
+"Hello world".substring(0, 5); // = "Hello"
+
+// length is a property, so don't use ()
+"Hello".length; // = 5
// There's also null and undefined
null; // used to indicate a deliberate non-value
@@ -148,6 +155,9 @@ myArray[1]; // = 45
myArray.push("World");
myArray.length; // = 4
+// Add/Modify at specific index
+myArray[3] = "Hello";
+
// JavaScript's objects are equivalent to 'dictionaries' or 'maps' in other
// languages: an unordered collection of key-value pairs.
var myObj = {key1: "Hello", key2: "World"};
@@ -171,6 +181,8 @@ myObj.myFourthKey; // = undefined
///////////////////////////////////
// 3. Logic and Control Structures
+// The syntax for this section is almost identical to Java's.
+
// The if structure works as you'd expect.
var count = 1;
if (count == 3){
@@ -209,6 +221,27 @@ if (colour == "red" || colour == "blue"){
// && and || "short circuit", which is useful for setting default values.
var name = otherName || "default";
+
+// switch statement checks for equality with ===
+// use 'break' after each case
+// or the cases after the correct one will be executed too.
+grade = 'B';
+switch (grade) {
+ case 'A':
+ console.log("Great job");
+ break;
+ case 'B':
+ console.log("OK job");
+ break;
+ case 'C':
+ console.log("You can do better");
+ break;
+ default:
+ console.log("Oy vey");
+ break;
+}
+
+
///////////////////////////////////
// 4. Functions, Scope and Closures
@@ -477,9 +510,13 @@ more about how to use JavaScript in web pages, start by learning about the
[Document Object
Model](https://developer.mozilla.org/en-US/docs/Using_the_W3C_DOM_Level_1_Core)
+[Learn Javascript by Example and with Challenges](http://www.learneroo.com/modules/64/nodes/350) is a variant of this reference with built-in challenges.
+
[JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) is an in-depth
guide of all the counter-intuitive parts of the language.
+[JavaScript: The Definitive Guide](http://www.amazon.com/gp/product/0596805527/) is a classic guide / reference book.
+
In addition to direct contributors to this article, some content is adapted
from Louie Dinh's Python tutorial on this site, and the [JS
Tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)