Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Function declaration - Function Expression - Scope

In javascript, What is the difference between function declaration and function expression in terms of scope? function declaration means we are polluting the global space. Is it the same case with function expression?

Function declaration

function sum(){
 // logic goes here
}

Function expression

var sum = function(){}
like image 341
CKR Avatar asked Dec 10 '22 12:12

CKR


2 Answers

Both are equivalent in terms of scope. A function declared inside another function will not be global. The difference is that you can use a declared function at any time (because it's hoisted before any code is run), a function assigned to a variable as an expression only after you have assigned it.

(function () {

    bar(); // works
    function bar() { }  // is not global

    foo();  // doesn't work
    var foo = function () { };

})();
like image 87
deceze Avatar answered Dec 29 '22 15:12

deceze


As far as polluting the enclosing scope goes, both are equivalent. Note that it is not necessarily the global scope - it is the scope in which the function is declared (local functions are permitted within other functions). In your example, both methods introduce a variable (function object) named sum into the local scope.

like image 35
casablanca Avatar answered Dec 29 '22 17:12

casablanca