Set JavaScript variable to check definition later

Question

How can you set a var to something you want to later check if it's defined or not?

Example: To check if jQuery is not defined, you'd do this:

if (typeof(jQuery) === 'undefined') { 
}

But what if I want to do something like this (this obviously doesn't work):

   var toCheckLater = jQuery;   // This fails.

   // Some time later.. 
   if (typeof(toCheckLater) === 'undefined') {
   }

What I'm trying to do is dynamically load scripts from an array, but I want to set ahead of time the variable whose definition I'll check for later. And I'd like to avoid a big block of ifs or switch statement. Meaning I'm hoping to find a solution a bit more elegant than:

switch (scriptName) {
  case 'jQuery': 
    if (typeof(jQuery) === 'undefined') {
    }
    break;
  case 'someOtherScriptName':
  .
  .
  .
}

Any ideas? Thanks in advance.

Bergi · Accepted Answer · 2012-08-03 13:37:17Z

2

A function would do:

var toCheckLater = function() { return typeof jQuery == "undefined"; }

// later:
toCheckLater()

You might also use a fabric for such functions:

function getChecker(name) {
    return function() {
        return typeof window[name] == "undefined";
        // alternative:
        return name in window; // can be undefined, but the variable exists
    };
}
var toCheckLater = getChecker("jQuery");

answered Aug 3, 2012 at 13:37

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kon Over a year ago

Damn, so simple... I can't believe I didn't think of setting it as a function. I'm very disappointed with myself (and others who answered without reading the question), but very happy with your help. Thanks a lot!

Kon Over a year ago

Just to follow up... the function approach worked better for me, because I'm also checking typeof($.receiveMessage).

Waleed Khan · Accepted Answer · 2012-08-03 13:29:53Z

1

Use

if (typeof jQuery === "undefined")

to check for undefined.

answered Aug 3, 2012 at 13:29

Waleed Khan

11.5k7 gold badges41 silver badges70 bronze badges

1 Comment

Kon Over a year ago

That doesn't help. I did however forget the typeof part, so I updated my question.

nicosantangelo · Accepted Answer · 2012-08-03 13:30:19Z

1

I don't quite get what you're trying to achieve, but I think you could do something like this

var toCheckLater = typeof jQuery; //if, for example, jQuery is defined you'll get "function"

// Some time later.. 
if (toCheckLater === 'undefined') {

}

answered Aug 3, 2012 at 13:30

nicosantangelo

13.8k3 gold badges35 silver badges47 bronze badges

2 Comments

Kon Over a year ago

I want to check if it's defined later. Your suggestion would check if defined right away and then give me an old value later.

nicosantangelo Over a year ago

Aww ok, I understood (a little late :P). I hope I was able to help a bit anyways

Engineer · Accepted Answer · 2012-08-03 13:44:09Z

1

Simply do this:

var scriptName = 'jQuery';

if( !window.hasOwnProperty(scriptName) ){
    //jQuery is undefined
}

answered Aug 3, 2012 at 13:44

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

Comments

user657496 · Accepted Answer · 2012-08-03 13:31:51Z

0

var checker = function(scriptArray) {
  for(var i in scriptArray) 
    this[i] = i?i:loadScript(i); // make your own loadScript function
}

checker({'jquery','anothercode'});

//access checker.jquery / checker.anothercode

You could use something like this. Create a 'class' that load all the scripts.

answered Aug 3, 2012 at 13:31

user657496

Comments

Rishav Rastogi · Accepted Answer · 2012-08-03 13:32:44Z

0

You have use the typeof Method

typeof(variable_name) will give you "string", "object", "undefined" or "number" depending on the variable

typeof(jQuery) == "undefined"

is the way to go.

answered Aug 3, 2012 at 13:32

Rishav Rastogi

15.5k3 gold badges44 silver badges47 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:12:17Z

Your array of scripts:

var scripts = ['script1', 'jQuery'];

After loading the scripts you can use the same array and loop through it.

for (var i = 0, n = scripts.length; i !== n; i++) {
    if (!window.scripts[i]) {
        // falsy
    }
}

This assumes that the scripts array references a global variable that the script will expose when loaded.

However, if I understand what you're going for, a better method would be to register a callback for when the appropriate script element is loaded. See these questions for some examples: (1), (2)

Code like this is pretty standard:

function loadScriptAsync(src, callback) {
    var script = document.createElement('script'),
        place = document.getElementsByTagName('script')[0];

    script.type = "text/javascript";
    script.async = true;
    script.src = src;
    script.onload = script.onreadystatechange = function() {
        callback();
        // clean up for IE and Opera
        script.onload = null;
        script.onreadystatechange = null;
    };

    place.parentNode.insertBefore(script, place);
}

Collectives™ on Stack Overflow

Set JavaScript variable to check definition later

7 Answers 7

2 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related