COURSES
MBAData Science & AnalyticsDoctorate Software & Tech AI | ML MarketingManagement
Professional Certificate Programme in HR Management and AnalyticsPost Graduate Certificate in Product ManagementExecutive Post Graduate Program in Healthcare ManagementExecutive PG Programme in Human Resource ManagementMBA in International Finance (integrated with ACCA, UK)Global Master Certificate in Integrated Supply Chain ManagementAdvanced General Management ProgramManagement EssentialsLeadership and Management in New Age BusinessProduct Management Online Certificate ProgramStrategic Human Resources Leadership Cornell Certificate ProgramHuman Resources Management Certificate Program for Indian ExecutivesGlobal Professional Certificate in Effective Leadership and ManagementCSM® Certification TrainingCSPO® Certification TrainingLeading SAFe® 5.1 Training (SAFe® Agilist Certification)SAFe® 5.1 POPM CertificationSAFe® 5.1 Scrum Master Certification (SSM)Implementing SAFe® 5.1 with SPC CertificationSAFe® 5 Release Train Engineer (RTE) CertificationPMP® Certification TrainingPRINCE2® Foundation and Practitioner Certification
Law
Job Linked
Bootcamps
Study Abroad
MS in Data AnalyticsMS in Project ManagementMS in Information TechnologyMasters Degree in Data Analytics and VisualizationMasters Degree in Artificial IntelligenceMBS in Entrepreneurship and MarketingMSc in Data AnalyticsMS in Data AnalyticsMS in Computer ScienceMaster of Science in Business AnalyticsMaster of Business Administration MS in Data ScienceMS in Information TechnologyMaster of Business AdministrationMS in Applied Data ScienceMaster of Business Administration | STEMMS in Data AnalyticsM.Sc. Data Science (60 ECTS)Master of Business AdministrationMS in Information Technology and Administrative Management MS in Computer Science Master of Business Administration MBA General Management-90 ECTSMSc International Business ManagementMS Data Science Master of Business Administration MSc Business Intelligence and Data ScienceMS Data Analytics MS in Management Information SystemsMSc International Business and ManagementMS Engineering ManagementMS in Machine Learning EngineeringMS in Engineering ManagementMSc Data EngineeringMSc Artificial Intelligence EngineeringMPS in InformaticsMPS in Applied Machine IntelligenceMS in Project ManagementMPS in AnalyticsMS in Project ManagementMS in Organizational LeadershipMPS in Analytics - NEU CanadaMBA with specializationMPS in Informatics - NEU Canada Master in Business AdministrationMS in Digital Marketing and MediaMSc Sustainable Tourism and Event ManagementMSc in Circular Economy and Sustainable InnovationMSc in Impact Finance and Fintech ManagementMS Computer ScienceMS in Applied StatisticsMaster in Computer Information SystemsMBA in Technology, Innovation and EntrepreneurshipMSc Data Science with Work PlacementMSc Global Business Management with Work Placement MBA with Work PlacementMS in Robotics and Autonomous SystemsMS in Civil EngineeringMS in Internet of ThingsMSc International Logistics and Supply Chain ManagementMBA- Business InformaticsMSc International ManagementMBA in Strategic Data Driven ManagementMSc Digital MarketingMBA Business and MarketingMaster of Business AdministrationMSc in Sustainable Global Supply Chain ManagementMSc Digital Business Analytics MSc in International HospitalityMSc Luxury and Innovation ManagementMaster of Business Administration-International Business ManagementMS in Computer EngineeringMS in Industrial and Systems EngineeringMSc International Business ManagementMaster in ManagementMSc MarketingMSc Business ManagementMSc Global Supply Chain ManagementMS in Information Systems and Technology with Business Intelligence and Analytics ConcentrationMSc Corporate FinanceMSc Data Analytics for BusinessMaster of Business AdministrationMaster of Business AdministrationMaster of Business AdministrationMSc in International FinanceMSc in International Management and Global LeadershipMaster of Business AdministrationBachelor of BusinessMaster of Business Administration 60 ECTSMaster of Business Administration 90 ECTSMaster of Business Administration 90 ECTSBachelor of Business AnalyticsBachelor of Information TechnologyMaster of Business AdministrationMBA Business AnalyticsMSc in Marketing Analytics and Data IntelligenceMS Biotechnology Management and EntrepreneurshipMSc in Luxury and Fashion ManagementMaster of Business Administration (90 ECTS)Bachelor of Business Administration (180 ECTS)B.Sc. Computer Science (180 ECTS) MSc in International Corporate Finance MSc in Sustainable Luxury and Creative IndustriesMSc Digital Marketing
For College Students

Hoisting in Javascript

$$/$$

There’s a concept called Hoisting in JavaScript. Let’s look at what it is in the next video.

$$/$$

In the last video, you looked at what hoisting is. So, what happens behind-the-scenes in hoisting? All the variables which are declared in your code are moved at the top and remembered by the compiler. This is how, when you run the code, all the variables are accessible even though it seems like the variables haven’t been declared yet. But remember that all these variables are initialized with the value as undefined. And this is why, if you try to access a variable without initializing it, you get the value as undefined.

 

Till now, you learned what happens when variables are hoisted in JavaScript. Let’s now discuss what happens when the functions are hoisted in JavaScript. Consider this example:
 

function add(x, y) {
   console.log(x+y);
}

add(1, 2);

Well, it’s very obvious that the output of this code will be 3, which is the sum of 1 and 2.
Output:
 

3

Now, what will happen if you move the invoke statement before function declaration, like this:
 

add(1, 2);

function add(x, y) {
   console.log(x+y);
}

Notice that here you are calling a function before even declaring and defining it. What do you think the output of this code be?

Output:
 

3

Well, it’s again 3. This is because like variable declarations, JavaScript hoists function declarations to the top of the code as well. Thus, you can call any function which has been declared later. Well, I won’t recommend you doing that but of course, this is possible.

 

Now, one more question. Consider this code snippet:
 

var add;
add(1, 2);

Notice that the add is not declared as a function anywhere. So, what do you think will happen when you run this code?

Output:
 

Uncaught TypeError: add is not a function

Well, it will throw a type error and say that add is not a function. This is because the variable add contains the default value undefined and undefined value cannot be considered as a function.
 

Now that you have learned hoisting, a last tricky question for you. What do you think will be the output of this code snippet?
 

add(1, 2);

var add = function(x, y) {
   console.log(x + y);
};

Do you think it will print 3?
Output:
 

Uncaught TypeError: add is not a function

This will instead throw a type error saying “add is not a function”. This is because add is a variable here and you are assigning a function to this variable. Now, as you know that variables are hoisted in JavaScript to the top, so this code will be transformed to:
 

var add;

add(1, 2);

add = function(x, y) {
   console.log(x + y);
};

As you can see, this is quite similar to the one we already saw in the last example where a variable is declared and initialized to undefined and then that variable is treated as a function and thus, an error is thrown.
 

So, we saw what hoisting is. Now, how can you prevent it? You can do so by declaring all your variables at the top of the scope where they are needed to be referenced. Also, you should try to initialize the variables that will not change their values in future so as to prevent their undefined behaviour.