JavaScript - i och utanför webbläsaren (2010-03-03)

var name = "bender";

var model = 22;

var name = ”Bender";

var name = ’Bender’;

var names = [”Bender", "Fry", "..."];

var theMagicObject = {
"property1" : "value1",
property2 : 123,
property3 : function(){ return "yes"; }
};

theMagicObject.property1 // "value1"
theMagicObject.property2 // 123
theMagicObject.property3() // "yes"

theMagicObject["property1"] // "value1"
theMagicObject["property2"] // 123
theMagicObject["property3"]() // "yes"

true:
'1' == 1

false:
'1' === 1

"2" - 1 // = 1

"2" + 1 // = 21

function bender(){
...
}

var bender = function(){
...
}

var name = function(){
return "Bender";
}
alert(name);

var name = function(){
return "Bender";
}
alert(name());

function log(a,b,c){
// Stuff
}

log.length // 3

function(){
// Jag är en annonym funktion
}

function loadProducts(category,callback){
// Do some async work
callback();
}

loadProducts("Robots",function(){
// When the products are loaded
});

(function(){
// Jag är en självanropande
// anonym funktion
})();

var eat = function(food, beverage){
...
}

eat(”pizza”,”beer”) // OK!
eat(”pizza”); // OK! ("pizza", undefined)
eat(); // OK! (undefined, undefined)

var formatName = new Function(
"firstName",
"lastName",
"company",
"return lastName + ', ' + firstName
+ ' (' + company + ')'"
);

formatName("Anders","Jönsson","Avega");
// => Jönsson, Anders (Avega)

if(...){ for(...){
... ...
} }

if(...) for(...)
{ {
... ...
} }

function isBender(model){
return (model === "Bending Unit 22")
? "Yes!" : "Nooo!";
}

var items = {
fry : function(){},
bender : function(){},
drZoidberg: function(){}
};

for(var item in items){
console.log(item);
// item()
// items[item]()
}

var items = ["Fry","Bender"
,"Dr. Zoidberg"];

for(var item in items){
console.log(item);
}

items.forEach(function(item){
console.log(item);
});

var model = "Bender";

if(typeof robot === "undefined”){
...
}

undefined != "undefined"

var undefined = "hello";

if(food === undefined){
// true
}
}

eat();

if(typeof food === "undefined"){
// true
}
}

eat();

if(!food){
// true
}
}

eat();

var avega = {

getOrgNumber: function(){
...
},

getAddress: function(){
...
}

};

avega.getOrgNumber()

var avega = {};

avega.companyInfo = {

getOrgNumber: function(){...}

};

avega.companyInfo.getOrgNumber()

namespace("avega.companyInfo", function(){

// ...

});

// vad är this här?

avega = {
}
};

avega.companyInfo = {
}
};

String.prototype.trimDotts = function(){
return this.replace(/./g,"");
}

var name = "..bender.";
name = name.trimDotts();
console.log(name); // bender

function someFunction(){
// här kommer vi åt x
var y = 20;
}

var x = 10;
someFunction();
// här kommer vi inte åt y

function isBender(model){

if(model === "Bending Unit 22"){
var is = "Yes!";
}else{
var is = "Nooo!";
}

return is; // OK!
}

function fly(to){
var color = "blue";
if(to == "stockholm"){
document.body.style.background = color;
// ...
} Activation object
} this (global)
arguments ["stockholm"
fly("stockholm"); ]
to "stockholm"
color "blue"
Execution context Scope chain
Scope chain 0
1 Global object
this (global)
document (object)
fly function
... ...

someMethod.call(this, arg1, arg2, ...)

.call()
&
.apply()

someMethod.apply(this, args[])

function bender(){}
// ligger under window["bender"]

var name = "bender"
// ligger under window["name"]

var fly = function(){
// ...
}

fly();
window["fly"]();

<html>
<head>
<title>Show all products</title>
<link rel="stylesheet" href="products.css"
type="text/css" media="all" />
</head>
<body>
...content...

<script type="text/javascript"
src="products-min.js"></script>
</body>
</html>

for(var i = 0; i < document.
getElementsByTagName("input").length; i++){

document
.getElementsByTagName("input")[i]
.style.visibility = "hidden";
}

var elements =
document.getElementsByTagName("input");

for(var i=0, length=elements.length; i<length; i++){
var element = elements[i];
element.style.color = "red";
element.style.border = "solid 2px red";
element.style.fontStyle = "italic";
}

var fragment =
document.createDocumentFragment();

*

display: none;

http://nwipatriots.com/blog/wp-
content/uploads/2009/10/waiting-in-line.jpg

var http = require("http");

http.createServer(function (req, res) {

res.writeHead(200, {
"Content-Type" : "text/plain"
});
res.end("Hello Worldn");

}).listen(8124, "127.0.0.1");

console.log("Server running at
http://127.0.0.1:8124/");

Jag har inte copyright på bilderna, det har:
Vem vill bli miljonär - http://odetocode.com/Blogs/scott/archive/2009/03/18/signs-that-your-javascript-skills-need-updating.aspx
Gott och blandat http://webshop.gottelisa.se/ovrigt/gott-and-blandat.html
=== http://thelibeerian.blogspot.com/2010/11/people-cheat-say-it-aint-so.html
Funktioner http://perro.si/wp-content/uploads/2008/08/bb.gif
Enkät http://www.staffanstorp.se/images/18.3ba879f211de50c8d5580005605/enk%C3%A4tifyllande.jpg
Funktionsanrop http://ertos.nicta.com.au/research/l4.verified/visual.pml
Gråt http://1.bp.blogspot.com/_x7asENDXFm0/TKiGiVU1_RI/AAAAAAAAADQ/EPaYp_9L_Kg/s1600/dawson-crying.jpg
Closure citat http://jibbering.com/faq/notes/closures/
warning http://www.everestdigitalscanning.com/Everest_Website/Disaster_Services_files/warning_sign.jpg
Gråt http://www.ralphmag.org/EA/frenchman-crying500x368.gif
reflow http://www.wishfulthinking.co.uk/2006/04/24/creative-flow/
no shit sherlock http://images.retecool.com/uploads/BasTaart-NoShitSherlock.jpg
Finn x, http://www.princeton.edu/~hammett/puzzles/norway_math_test.html
Fry panic, http://tvlowcostquebec.wordpress.com/2008/06/23/advertisers-do-not-panic-in-tv-advertising-the-economic-approach-of-tvlowcost-allows-to-restore-the-%E2%80%9D-marketing-purchasing-power-%E2%80%9D-of-companies/
Stop, http://www.worldofstock.com/stock_photos/MES2105.php
Detour http://prayitoff.blogspot.com/2010/11/pray-it-off-111810-turning-speed-bumps.html
Comet http://www.newforestobservatory.com/wordpress/wp-content/gallery/quasarsandother/comet-lulin.jpg
V8 http://www.annonsera.se/stockholm-stockholm/fordon-b%C3%A5tdelar-_-tillbeh%C3%B6r/v8-marina-motorer-260-385-hk.html
First class http://blog.asiahotels.com/the-three-most-luxurious-airlines/singapore-airlines/
Telefoner http://www.ipadnytt.se/tag/javascript/
HTML http://www.techpin.com/cool-html-codes/
Important http://en.wikipedia.org/wiki/File:Nuvola_apps_important_blue.svg
Reflow http://code.google.com/intl/sv-SE/speed/articles/reflow.html
I have a dream http://bigdaddyseashell.wordpress.com/2008/04/04/early-morning-april-4/
Captain obvious http://bostonist.com/2005/05/28/tim_mccarver_still_sucks.php
Godis http://maidies.blogg.se/2010/may/godis.html

JavaScript - i och utanför webbläsaren (2010-03-03)

More Related Content

What's hot (20)

Viewers also liked (6)

Similar to JavaScript - i och utanför webbläsaren (2010-03-03) (20)

Recently uploaded (20)

JavaScript - i och utanför webbläsaren (2010-03-03)