CODEWITHSUNDEEP
javascriptgoogle-chrome-extension
wezten
wezten

Reputation: 2266

Strange output with console.log(5)

I have the simplest chrome extension which contains a content javascript (nothing else):

script="\
c=0;\
(function f() {\
    if (++c>20) return;\
    console.log(5);\
    setTimeout(f, 500);\
})();\
";
scriptBlock = document.createElement('script');
scriptBlock.type = 'text/javascript';
scriptBlock.appendChild(document.createTextNode(script));
document.getElementsByTagName('head')[0].appendChild(scriptBlock);

This simply injects a small piece of js into the head element. In mail.google.com, the console output is 4 fives followed by sixteen Resource interpreted as Other but transferred with MIME type undefined.Every other site displays simply 20 fives.

Can anyone explain this behaviour please?

Upvotes: 1

Views: 335

Answers (2)

nikc.org
nikc.org

Reputation: 16993

As @Guffa said, your global variable may be overwritten. Including it inside the closure will ensure it will be accessed by your code only.

(function () {
    var c = 0;

    setTimeout(function f() {
        if (++c > 20) return;

        console.log(5);

        setTimeout(f, 500);
    }, 500);
}());

Upvotes: 1

Guffa
Guffa

Reputation: 700562

You are using a global variable in your script. If a script in the page uses a global variable with the same name, it will change the value in the variable, and your script will show that value instead.

Upvotes: 2

Related Questions