Scope of a function works only when defined in this format not in other. Explanation needed,
Ad
As described in MDN Javascript. This code gives output as 25.
console.log(square(5));
function square(n) { return n*n }
But this code doesn't.
console.log(square(5));
square = function (n) {
return n * n;
}
Why so?
Ad
Answer
Ad
The difference is
function square
is defined at parse time whereassquare = function
is defined at run time.square
is a variable which holds anonymous function.function square(){}
always executed atglobal context
To get the better understanding, Read about variable hoisting in JavaScript
To make it work, define the variable which holds the function expression before calling it.
var square = function(n) {
return n * n;
}
alert(square(5));
Ad
source: stackoverflow.com
Related Questions
Ad
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad