expose unknown JavaScript object methods from third-party code

Question

I am looking for a way to expose the type and methods of an unknown JavaScript object.

I am implementing third-party code that has limited documentation for their methods, so I do not have access to any documentation that would tell me what sort of object I should expect in response.

Is there any way to ascertain what type of object this is and expose the methods it contains?

for (var i = 0; i <= response.length - 1; i++) {
     console.log(response.i);
}

The output in the Firebug Console:

response: [object Object],[object Object],[object Object],....

console.dir(response) will give an expanded view – Alex K. Sep 19 '12 at 12:27 — Alex K., Sep 19 '12 at 12:27
You want `response[i]`, not `response.i` – user123444555621 Sep 19 '12 at 12:33 — user123444555621, Sep 19 '12 at 12:33

user123444555621 · Accepted Answer · 2012-09-19T12:45:22.077

2

You may want to try

console.dir(response);

It lists all the object's properties, and their respective types are indicated by colorization:

red key: Constructor functions
green key: methods
black key: other
- red value: string
- green value: object
- blue value: boolean
- gray value: undefined/null

This list is not exhaustive, and I haven't found any documentation on it.

edited Sep 19 '12 at 12:45

answered Sep 19 '12 at 12:33

user123444555621

148,182
27
114
126

This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post. – Maxim Krizhanovsky Sep 19 '12 at 12:37
@Darhazer I'm sorry, that was supposed to be a rhetorical question. Edit... it's now a suggestion with some more details. – user123444555621 Sep 19 '12 at 12:46

Anoop · Answer 2 · 2012-09-19T12:30:54.817

1

You can use for in

  function printProperties(response, path){
      path = path || "";
     for (var prop in  response) {
         if(typeof response[prop] == 'object'){
             printProperties(response[prop], path + prop  + ".");
             continue;
          }

         console(path  + prop + " = " + response[prop]);
    }
}

jsfiddle

edited Sep 19 '12 at 12:30

answered Sep 19 '12 at 12:23

Anoop

23,044
10
62
76

score 0 · Answer 3 · answered Sep 19 '12 at 12:24

0

You can add it as a property to window and the use the DOM browser in firebug, it allows you to examine the entire object tree.

answered Sep 19 '12 at 12:24

Asciiom

9,867
7
38
57

score 0 · Answer 4 · answered Sep 19 '12 at 12:26

0

If you want to see it just by your self:

Open Chrome Inspector -> Web Console
console.log(response);
Enjoy, there you can view all properties recursively with details

answered Sep 19 '12 at 12:26

Danil Speransky

29,891
5
68
79

expose unknown JavaScript object methods from third-party code

4 Answers4