Git Product home page Git Product logo

lab-js-challenges-2's Introduction

logo_ironhack_blue 7

LAB | JS Challenges II (Intermediate)

JS Technical Challenges


Learning Goals

This exercise allows you to practice and apply the concepts and techniques taught in class.

Upon completion of this exercise, you will be able to:

  • Determine correctly the variable scope in JavaScript code,
  • Interpret correctly how hoisting affects the variables and functions in JavaScript code,
  • Determine how variable shadowing affects the variables in JavaScript,
  • Interpret correctly how primitive values are passed and compared in JavaScript,
  • Interpret correctly how objects and arrays are passed and compared in JavaScript,
  • Interpret correctly how function parameters behave in JavaScript,


Introduction

Are you ready to put your coding skills to the test? In this exercise, you will be given a series of short code challenges that simulate the types of questions you may encounter during a Junior Developer job interviews or technical assessments. The challenges are designed to help you practice and reflect on the concepts of scope, hoisting, variable shadowing, and passing value versus passing reference. By examining the code and trying to predict the output, you will put your problem-solving skills to the test and gain a better understanding of how these concepts work in JavaScript.


Requirements

  • Fork this repo.
  • Clone this repo.

Submission

  • Upon completion, run the following commands:
git add .
git commit -m "Solved lab"
git push origin master
  • Create a Pull Request and submit your assignment

Instructions

We encourage you to try to solve the challenges without running the code first. Once you have written down your answer for a challenge, run the code and check if your answer was correct. If your answer was incorrect, try to understand why the code behaves the way it does.


You should record your answers in the answers.md file and provide a brief explanation for each answer. For example:

1. Challenge 1:
  - Answer: a
  - Explanation: The output of the code will be "123" because...

Challenge 1

// Challenge 1
let foo = "abc";

function bar() {
  foo = "xyz";
  console.log(foo);
}

bar();


console.log(foo);

Given the code above, answer the following questions:

  1. Which of the following will be the output of the above code? Why?
    a) "abc" and "xyz"
    b) "xyz" and "xyz"
    c) undefined and "xyz"
    d) ReferenceError: foo is not defined

Once you write down your answer, run the code above and check if it is correct.


Challenge 2

// Challenge 2
let a = 1;

function example(a) {
  a = 10;
  console.log(a); // Console log 1
}

example(a);


console.log(a);  // Console log 2

Given the code above, without running the code, answer the following question:

  1. Which of the following will be the output of the above code? Why?
    a) 10 and 10
    b) 1 and 10
    c) 10 and 1
    d) ReferenceError: a is not defined

Once you write down your answer, run the code above and check if it is correct.


Challenge 3

// Challenge 3

sayHi();

function sayHi() {
  console.log("Hi there!");
}

Given the code above, without running the code, answer the following question:

  1. What will be the output of the code above? Why?
    a) ReferenceError: sayHi is not defined
    b) undefined
    c) "Hi there!"
    d) TypeError: sayHi is not a function

Once you write down your answer, run the code above and check if your answer was correct.


Challenge 4

const a = { num: 42 };
const b = a; 

b.num = 90;

console.log(a);

Given the code above, without running the code, answer the following question:

  1. What will be the output of the code above? Why?
    a) TypeError: Assignment to constant variable.
    b) { num: 42 }
    c) { num: 90 }
    d) ReferenceError: a is not defined

Once you write down your answer, run the code above and check if your answer was correct.


Bonus: Challenge 5 | Two Rabbits and a Magic Hat ๐Ÿฐ ๐Ÿ‡ ๐ŸŽฉ

function magicHat(obj) {
  obj.age = 10;
  obj = { name: "Ada", age: 20 };
  return obj;
}
  
const rabbit1 = { name: "Bob", age: 30 };
  
const rabbit2 = magicHat(rabbit1);
  
console.log("rabbit1: ", rabbit1);
console.log("rabbit2: ", rabbit2);

Given the code above, without running the code, answer the following question:

  1. What will be the output of the code above? Why?
    a) { name: "Bob", age: 30 } and { name: "Ada", age: 20 }
    b) { name: "Bob", age: 30 } and { name: "Bob", age: 10 }
    c) { name: "Bob", age: 10 } and { name: "Ada", age: 20 }
    d) ReferenceError: obj is not defined

Once you write down your answer, run the code above and check if your answer was correct.


lab-js-challenges-2's People

Contributors

fred0202 avatar ross-u avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.