how does this javascript code work?

Question

//1  
var object1 = function(o){

   // some code

};  

//2  
var object2 = new object1({

   method1: //some code  
   method2: //some code  
   method3: //some code

});

//3


document.onkeydown=function(e){     
  var eventKey = e.keyCode || e.charCode;   
  var sel = Coverflow.selected;  
  if(eventKey == 39 || eventKey == 37) {  
        if(eventKey == 39) sel++;  
      else if(eventKey == 37) sel--;  
      sel = sel.limit(0, Coverflow.getListLength() - 1);  
      Coverflow.select(sel);
    }  
}

well, my question are:

what happens when object1 is created, what does the = function() part mean?
is object2 pointing to object1. is that assignment creating a inheritance?
if possible can someone explain what going on in document.onkeydown(). the code is for a coverflow effect. also this function is not been called anywhere else in the program then how does it get executed?

thank you

score 2 · Answer 1 · answered Mar 22 '13 at 12:55

2

What happens when object1 is created, what does the = function() part mean?

Functions, in JavaScript, are first class objects. They can be passed around and assigned like any other function.

Is object2 pointing to object1? Is that assignment creating an inheritance?

No. object2 is an instance of object1. This is like treating object1 as a class definition.

how does document.onkeydown get executed?

When a key is pressed down, an event will be fired. Code in the document object (which is provided by the browser) listens for that event and calls that function (if it exists).

MDN has some documentation on how events work if you want more details.

answered Mar 22 '13 at 12:55

Quentin

914,110
126
1,211
1,335

what is the difference between making a object using the 1 and 2 statements with making a object like var obj = { method1 : ...} – user2132383 Mar 22 '13 at 16:09
object1 is a function rather than being a plain object – Quentin Mar 22 '13 at 16:12
object2 inherits properties from object1 as well as whatever the function does to the new object – Quentin Mar 22 '13 at 16:12

score 0 · Answer 2 · edited May 23 '17 at 11:44

0

1 - its a function named object1, defined at runtime, more here

2 - new instance of function with a parameter passed to it (referenced as 'o' in function declaration)

3 - function is bound to onkeydown event so it gets executed every time key is pressed on document, more info here

edited May 23 '17 at 11:44

Community

1
1

answered Mar 22 '13 at 12:56

Gatekeeper

1,586
3
21
33

Strictly speaking, 2 should read "... with *a parameter* passed to it. – Beetroot-Beetroot Mar 22 '13 at 12:59
@Beetroot-Beetroot you are of course right, correction comming up :) – Gatekeeper Mar 22 '13 at 13:06

score 0 · Answer 3 · answered Mar 22 '13 at 12:58

JavaScript does not have a notion of class, but it is possible to have the similar behavior. So I will call objects/functions that may be instantiated classes.

object1 is some kind of class defined by constructor, function(){...} part is a constructor of that class.
object2 is a reference to instance of object1 class, which was instantiated by calling constructor of object1 class with 1 parameter, which itself is an object.
onkeydown is a reserved property of DOM objects for handlers of keydown event. Once this event is fired by browser it is handled by relevant function (if it is exists)

how does this javascript code work?

3 Answers3