How to give a local variable, a global scope in javascript

Question

Below code snippet is Drift chat method to get the email id provided by user in chat.

I am trying to access email id (e.data.email) outside of given function scope by storing it in a global variable data_email.

I have tried three method to make data_email global variable - window, let, const.

window.drift.on("emailCapture", function(e) {
    console.log("user identified as: " + e.data.email);

    window.data_email = e.data.email;
    // let data_email = e.data.email;
    // const data_email = e.data.email;

    ga('send', 'event', {
        eventCategory: 'driftemail',
        eventAction: 'driftemailCaptured',
    });
});

console.log(data_email);

After trying all that I am getting error - Uncaught ReferenceError: data_email is not defined. Please anyone suggest me a work around, i will be very thankful. My goal is to access captured email outside of the given function.

after firing event and email is getting captured inside function - `console.log("user identified as: " + e.data.email);` but the same error is coming for outside variable — Sagar Sinha, Aug 03 '17 at 06:44
Declare it BEFORE the event handler, then it will have global scope - and use `let` or `var` not `const` — StudioTime, Aug 03 '17 at 06:44
?? But you're trying to log `e.data.email`, not `data_email`. — Teemu, Aug 03 '17 at 06:46

score 1 · Answer 1 · answered Aug 03 '17 at 06:47

Problem you have there is the fact you are listening to an event. That can happen now, later or never. However you immediately try to console log it.

Given the small amount of information you provided, there could be various solutions to your problem. But one solution is to make:

outside function, that function accepts email and sets it as global
call that function with email as argument

Something like this

window.drift.on("emailCapture", function(e) {
    console.log("user identified as: " + e.data.email);

    setChatEmail(e.data.email);

    //window.data_email = e.data.email;
    //let data_email = e.data.email;
    //const data_email = e.data.email;

    ga('send', 'event', {
        eventCategory: 'driftemail',
        eventAction: 'driftemailCaptured',
    });
});


function setChatEmail(email) {
  window.data_email = email;
}

Further reading:

How to set global variable.

Why are global variables bad.

Selvakumar · Answer 2 · 2017-08-03T06:54:33.793

1

Your console.log runs before "emailCapture" event is executed. Thats why its giving you undefined, try everything what you want to do after executing this event.

 var data_email;
 var getEmail = function() {
     console.log(data_email);
 };
 window.drift.on("emailCapture", function(e) {
    console.log("user identified as: " + e.data.email);

    window.data_email = e.data.email;
    data_email = e.data.email;
    // const data_email = e.data.email;

    ga('send', 'event', {
        eventCategory: 'driftemail',
        eventAction: 'driftemailCaptured',
    });
    getEmail();
});

edited Aug 03 '17 at 06:54

answered Aug 03 '17 at 06:50

Selvakumar

527
2
13

In your example, how is callbackFunc a call back function? Clearly it is not. Either change the function name so it does not insinuates, or make it a callback. – Amiga500 Aug 03 '17 at 06:52
Didn't understand your question – Selvakumar Aug 03 '17 at 06:53
Function you say is a callback. It is not. – Amiga500 Aug 03 '17 at 06:53

score 0 · Answer 3 · answered Aug 03 '17 at 06:44

0

You need to initialize window.data_email on top first then mutate it. Because the console.log will run before it's initialized.

answered Aug 03 '17 at 06:44

Le Duy Khanh

1,339
3
17
36

can you please provide a code snippet for doing the same as your answer – Sagar Sinha Aug 03 '17 at 06:46
like what @Jefree Sujit answer does – Le Duy Khanh Aug 03 '17 at 06:54

How to give a local variable, a global scope in javascript

3 Answers3