Scribd
Upload
48 views8 pages

JavaScript Tricky Interview Questions

This document contains 3 JavaScript interview questions and their explanations: 1. Strings are immutable in JavaScript, so attempting to change a character in a string like text[1] = 'z' will not modify the original string. 2. When declaring variables with let inside functions, care must be taken to avoid accidental global variables. In the example, b is declared globally instead of locally like a. 3. The this keyword behaves differently in regular functions versus arrow functions. Regular functions set this to the containing object, while arrow functions inherit this from the parent scope.

Uploaded by

Yunusa Sanusi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
48 views8 pages

JavaScript Tricky Interview Questions

This document contains 3 JavaScript interview questions and their explanations: 1. Strings are immutable in JavaScript, so attempting to change a character in a string like text[1] = 'z' will not modify the original string. 2. When declaring variables with let inside functions, care must be taken to avoid accidental global variables. In the example, b is declared globally instead of locally like a. 3. The this keyword behaves differently in regular functions versus arrow functions. Regular functions set this to the containing object, while arrow functions inherit this from the parent scope.

Uploaded by

Yunusa Sanusi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Tutorial

JAVASCRIPT
TRICKY
INTERVIEW
QUESTIONS
PART - 2
Swipe >>

1. String Mutability :

let text = 'abcde'


text[1] = 'z'
[Link](text)

What is the output of it?

azcde? zbcde?
swipe to find out...

@nikhilvallore
Swipe >>

Output: abcde

why?
String is immutable, which means that once a
string is created and assigned a value, it cannot
be changed. However, you can create a new
string with a different value and assign it to the
same variable.

ex:
let text = 'abcde'
text = 'abcdz'
[Link](text)
//output: abcdz

@nikhilvallore
Swipe >>

2. Accidental Global Variable :

function foo() {
let a = b = 0;
a++;
return a;
}
foo();

[Link](b);
[Link](a);

What is the output of it?

@nikhilvallore
Swipe >>

Output:
0
ReferenceError: a is not defined

when you write "let a = b = 0",


it looks like both "a" and "b" are declared using
"let". However, this is not the case.

In reality, "b" is declared as a global variable


using the keyword "var". This means that it is
not limited to a block of code, but can be
accessed and used anywhere in your program.

@nikhilvallore
Swipe >>

3. This :
const obj = {
value: "val1",
prop: {
value: "val2",
print: function(){[Link]([Link])},
},
print: function(){ [Link]([Link]) },
print2: () => [Link]([Link])
}

[Link]()
[Link]()
obj.print2()

What is the output of it?

@nikhilvallore
Swipe >>

Output: val1 val2 undefined

[Link](), the function logs the value of [Link] of


object 'obj' which is "val1"

When you run the code [Link](), the function


logs the value of [Link] of object '[Link]' which
now points to the inner object in which value is "val2"

When you run the code obj.print2(), the arrow


function logs the value of [Link] which is
"undefined", This is because arrow functions do not
have their own "this" and therefore the value of this
inside an arrow function refers to the window global
object

@nikhilvallore
Found it interesting?
Follow ME on Linked
for more such content

Until Next Time Keep Learning


and Keep Sharing!!

Nikhil Vallore

You might also like