3.5 Years Experienced Best Javascript Interview | Chakde Frontend Interview EP - 02

Hello folks!! First of all, I am so thankful to you all for all the love and support you have given to the first episode of "CHAKDE INTERVIEWS" and as promised I am rolling out another episode of "CHAKDE INTERVIEWS" on the most popular Javascript questions in interviews. Check it out and share it with your friend.
Connect to learn & grow together in our career❤️:
✅ Linkedin: / engineerchirag
✅ Twitter: / engineerchirag
✅ Instagram: / engineerchirag
Music track: Wanderer by walen
Source: freetouse.com/...
No Copyright Background Music
#interview #react #javascript #chakdeinterviews #frontenddevelopment #mockinterview

[@himanshukhosla]

Thank you very much for inviting me for this mock interview round chirag sir. Really loved the thrill of mock interview of Microsoft 😀

[@engineerchirag]

Always welcome! Thanks for coming ❤️

[@riyasahamedm4747]

can you pls share the link where you refer at 28:40

[@truth_660]

​@@engineerchirag kab tak scripted video daal kar logo ko bewkuf banyega

[@rikki7663]

day 51 of asking: from where we can prepare these types of questions... question quality is superb

[@godessGOAT]

+1 did you get any resource?

[@deepakchandani5237]

I like this because it is raw & genuine (just like real interviews) (Nowadays, it's rare to find genuine conversations on YT 🙂) it is informative & learned a few things. Thanks to both of you for taking out time.

[@engineerchirag]

❤️🙏🙏

[@VikashKumar-tg3ot]

I love chirag sir feedback, sir is very humble , he insures no one loss his confidence.

[@engineerchirag]

🙂

[@madhanrock5390]

Good interview Again, Learning new things ✌ Thanks Chirag for investing your time in conducting mock interviews, Immensely helpful ❤

[@engineerchirag]

My pleasure 🙏❤️

[@anandagar2k]

For the first problem we can define all these methods in the prototype object, declaring inside calculator will create copy of these methods in each object which is over burden to maintain. function compute(){ this.amount=0; } compute.prototype.lacs = function(val){ this.amount = this.amount+val; return this; } compute.prototype.value = function(){ return this.amount; };

[@sumitkumardey3268]

@chirag once again it's tricky , unique and knowledgeable questions from your side. Thanks , Please keep posting.

[@engineerchirag]

Thank you, I will. Keep watching, keep sharing ❤️

[@Mr.Zeus11]

Question 2: FYI those who couldn't get why maximum call stack size exceeded In order to access the state.value it has to call "get()" function again => inside get function it's returning "state.value" so basically it's creating N number of "execution context", Each invocation adds a new execution context continues indefinitely. Start | v Access state.value | v Invoke getter function | v Return state.value | v Access state.value (again) | v Invoke getter function (again) | v Return state.value (again) | v Access state.value (yet again) | | | | (This loop continues indefinitely) | | v v

[@sanketjaiswal76]

Absolutely one of the great interview i watched , i am learning a Lot from this interviews , whcih will definatly help me in my upcoming interviews.Thanks you so much.

[@engineerchirag]

Awesome ❤️. Do share in your network as well. 🙏

[@LearningExperienceAccess]

At 11:00, you don't have to write another function, you can return this object. it will work as expected.

[@harshitagupta8641]

Thank you chirag sir for this amazing video ❤.lot of things I have learned from this video. Sir Plz keep posting this type of video🙏

[@engineerchirag]

Keep watching ❤️

[@SCRIPTSAG]

First probkme based on currying second in this and third was related to getter setter great 👍

[@rishabhmehta6204]

My Approach for first question const calamount={ val:0, lakhs:function(a){ this.val+=a; return this; }, crore:function(a){ this.val+=a return this; }, value:function(){ return this.val; } } function calculateamount(){ return calamount } console.log(calculateamount().lakhs(57).crore(567).lakhs(566).value())

[@smrutisagarpattanaik1506]

For the first problem, one can use recursion and closure to write a solution like below:- function computeAmount(value, total = 0) { if (value) { total = total + value; } return { lacs: function (value) { return computeAmount(value * 100000, total); }, crore: function (value) { return computeAmount(value * 10000000, total); }, thousand: function (value) { return computeAmount(value * 1000, total); }, value: function () { return total; } } }

[@rishabhmehta6204]

but issue is you are passing parameter in actual question we are required not pass any args to computeAmount.

[@smrutisagarpattanaik1506]

I have mentioned parameters in the function. One does not have to pass argument.That is why null/undefined check is present inside the function. If one runs the function according to the syntax shown in video it should work.

[@MessiLeo2312]

recursion is not optimized way to solve this problem it will consumed memory stack better go with factory function

[@smrutisagarpattanaik1506]

​​@@MessiLeo2312 Yes recursion will consume space on call stack. But in the solution it will be one level deep. The reason is I have kept the data and arithmetic calculations in the parent function. But that can also be fixed. Like below solution:- function computeAmount() { let total = 0; let obj = { lacs: function (value) { total = total + (value * 100000); return obj; }, crore: function (value) { total = total + value * 10000000; return obj; }, thousand: function (value) { total = total + value * 1000; return obj; }, value: function () { return total; } } return obj; } This will still work. JavaScript closure concept is all one needs to solve the problem.

[@VenkatachalamMeyyappan]

​ @engineerchirag wonderful video series. Just one suggestion. It would be better if you could also share us the solutions. It helps to validate our answers as well since finding the correct solutions for these kind of problems online is not easy.

[@VenkatachalamMeyyappan]

I guess the main issue on the last problem is the getter and setter share the same name as the attribute. So we cant basically return this.value rather have to change it to return the input value.

[@4444-c4s]

In major frontend interviews these Expectations and Competencies are checked: 1. Code quality (modular and readable). 2. Working Code (separation of concerns, production ready code). 3. Code should easily accommodate new requirements with minimal changes. 4. Core business Logic. 5. Low Level Design (Extensibility). Sirf Code likha aur ek Acha Scalable Code likhne me jameen asmaan ka fark hota hai...How to write such code. So Please make a detailed video on it bhaiya.

[@mirage4731]

For First Question An easy approch - function computeAmount(){ let amount = 0; function crore(value){ amount = amount + (value* 1_00_00_000) return this } function lacs(value){ amount = amount + (value* 1_00_000) return this } function thousands(value){ amount = amount + (value* 1_000) return this } function hundreds(value){ amount = amount + (value* 100) return this } function value(){ return amount; } return {crore, lacs, thousands, hundreds, value} }

[@MessiLeo2312]

my answer for 1st problem using factory function const createComputeFunctions=()=>{ let totalAmount=0 return { thousand:function(amount){ totalAmount+=amount*1000 return this }, lacs:function(amount){ totalAmount+=amount*100000 return this }, crore:function(amount){ totalAmount+=amount*10000000 return this }, value:function(){ return totalAmount } } } const compute =createComputeFunctions() const result=compute.lacs(15).crore(5).crore(2).lacs(20).thousand(45).crore(7).value(); console.log(result)

[@RohantaTheDeer77]

Thank you for such type of content, I love it. I have learnt a lots of new things here. I just have one doubt, Isn't the approach to the first problem is exposing the "amount"? Instead we can wrap all the methods inside an object and return that object reference/object from the "computeAmount" function and each method will also return the reference of the same object except the "value" method which will return the amount only. So this will not expose the "amount" outside of "computeAmount" function directly. Also we don't need to create separate constructor function and create instance. Will it work ?

[@ankushladani496]

Thanks Chirag Sir for this awesome series...😊❤

[@engineerchirag]

Keep watching ❤️

[@hkdelhivlogs]

Hi @engineerchirag which website he is using in internet for questions no 3 suggestions?

[@sudhanshumarimganti4694]

Q1: const compute = function () { return new (function () { this.sum = 0; this.lacs = function (val) { this.sum = val * 100000; return this; }; this.value = function () { return this.sum; }; })(); }; console.log(compute().lacs(10).value());

[@dnyaneshwardongle2210]

Which site you are using for real time asking questions

[@chandrasekharmadavaram-nq9dq]

one the great interview, learnt new things, please keep do more videos

[@engineerchirag]

Thank you! Will do! ❣️

[@FaizanPinjari]

If people thinking what editor it is, it's technical assessment platform codility.

[@大盗江南]

this is really good one, thank you!

[@engineerchirag]

You're very welcome!

[@maheshshirate2834]

As student how is learning web dev, I learnt a lot, awesome interview ❤ Sir, Pls don't stop this seris

[@engineerchirag]

Thank you, I will. Keep learning, keep sharing 🚀

[@anyoneola456]

Amazing Mock Interview, best for Self Practice and become familiar to such type of questions, is there any particular website or something where we can practice this questions? BTW amazing video, the community needs more such videos.....loved the work and efforts you have put to make this things available on KZbin. Keep It Up.👍👏

[@engineerchirag]

Every Saturday a new video of "Chakde Frontend Interview" will be live - Stay tuned. Keep growing, keep sharing 🚀

[@gunjanvyas695]

Thank you so much! Approaching this as if it's my interview, below is my solution Q1 Solution: First approach which came to my mind. (passed!) const computeAmount = () => { let totalAmount = 0; let ans = { thousand : (a) => {totalAmount+=a*1000; return ans}, lacs : (a) => {totalAmount+=a*100000; return ans}, crore: (a) => {totalAmount+=a*1000000; return ans}, value:()=> totalAmount } return ans; } console.log(computeAmount().lacs(1).lacs(1).thousand(2).value()); Q2 Solution: "hello world, Hello" it wrong, need to improve on it on js! Q3 Solution: const input = document.createElement("input"); document.body.appendChild(input); const state = { value : "Hi" } function onChangeFunc(e){ console.log("change happened and value is", e.target.value); let value = e.target.value; state.value = value; } function model(state, input){ input.addEventListener("change", (e) => {onChangeFunc(e)} ); /* need to thing how to add state obj change logic */ } model(state, input); console.log(input.value);// Hi state.value = "dev" console.log(input.value)//dev input.value = "engineering chirag" input.dispatchEvent(new Event("change")); console.log(state.value); Have given my raw solutions Self Review: Need to improve more on JS this keyword, binding part and keep on improving. Thank you Chirag!

[@prakharomer7745]

It was totally awesome , super tricky questions.

[@engineerchirag]

Glad you liked it ❤️🙏

[@sourabhsingh4449]

No need to do fancy thing in first problem. Returning this will work because instance of function is created when it is called first. I don't know what is the confusion here and it is complicating a simple problem function computeAmount() { totalAmount = 0; this.lacs = function(numLacs) { totalAmount += numLacs*100000 return this; } this.crore = function(numCrores) { totalAmount += numCrores*10000000 return this; } this.value = function() { return totalAmount; } return this; } console.log(computeAmount().lacs(15).crore(2).value());

[@pubggamers2325]

Hello sir i need this type logical question list can you probide a link

[@salwenikhil456496]

where we will get source code for this series

[@niteshs728]

Solution for first problem function ComputeAmout(){ let totalAmount=0 function inner(){ // return totalAmount } inner.lacs=function(amount){ totalAmount+=amount*100000 return inner } inner.value= function(){ return totalAmount } inner.crore=function(amount){ totalAmount+=amount*10000000 return inner } inner.thousands=function(amount){ totalAmount+=amount*1000 return inner } return inner } console.log(ComputeAmout().lacs(15).crore(5).crore(2).lacs(15).thousands(45).crore(7).value())

[@thechallengers6424]

Which real world project have used atleast one of these deep concepts of js???

[@PicardoPlayer]

Just watched half part so far, really an amazing interview. I think there some typo, He has 5 years of experience not 3.5 please correct

[@engineerchirag]

Thanks for highlighting. It will rectified soon!

[@srihariramakrishnan3935]

@engineerchirag I doubt if there is any actual model state.value. Because the getter, setter actually returns and sets input.value. Printing the state value within those methods or anywhere else can help understand it better. I am yet to try this out myself. Intriguing question though! Thanks for it.

[@arunms6701]

Ans: 1st Problem function computeTheAmount() { let totalAmount = 0; const operations = { lacs(amount) { totalAmount += amount * 100000; return this }, crore(amount) { totalAmount += amount * 10000000; return this }, thounsands(amount) { totalAmount += amount * 1000; return this }, value() { return totalAmount } } return operations }

[@manimk9922]

can you share that link where himanshu referred..?

[@AbdulMajeed-j6z]

in input we already have `change` event listener so why we dispatch again 🤔

[@wickkjohn]

Getting excited

[@engineerchirag]

Keep watching, keep sharing. Try to attempt questions by yourself 🚀

[@wickkjohn]

@@engineerchirag yes sir I just pause the video and try to solve the problem .

[@4444-c4s]

Please provide codes of all the Questions asked so that we can also try it before watching the solution.

[@engineerchirag]

Noted. Thanks for idea 💡

[@4444-c4s]

@@engineerchirag ❤️❤️

[@adityaaditya7286]

First question he got correct just return this. No need to create other function

[@sohrabkhan8367]

It was very good interview. Questions are very relatable and the approach to solving question is really awesome. Worth to watch the whole video.

[@engineerchirag]

Keep watching ❤️

Question 1 - function computeAmount(){ let totalAmount =0; const returnObj = { lacs:function(amount){ totalAmount+= amount*100000; return returnObj }, crore: function(amount){ totalAmount+= amount*10000000; return returnObj; }, thousands: function(amount){ totalAmount+= amount*1000; return returnObj }, value:()=> totalAmount } return returnObj }

[@GreenLadderNow]

excellent work

[@engineerchirag]

Thank you! Cheers! ❤️

[@nitinakuch4973]

Where I can practice such JavaScript questions?

[@pravin4u]

state.value inside its own set method triggers the same set method again causing the infinite loops. Object.defineProperty(state, 'value', { set(newValue) { state._value = newValue; // Update internal _value directly input.value = state.value // Update input value }, get() { return state._value; } });

[@DevAditya]

Which editor is it?

[@engineerchirag]

DM me on linkedin

[@FaizanPinjari]

Codility

[@arpitgarg6459]

My solution for first problem: function computeAmount(args){ let total; if(!args) total = 0 else{ total = args } //console.log('fi', this) return { thousand: (val) => { total = total + val*1000 return computeAmount(total) }, lacs: (val) => { total = total + val*100000 return computeAmount(total) }, crore: (val) => { total = total + val*10000000 return computeAmount(total) }, value: () => total } }

[@namanupadhyay2589]

Can we get a separate video for 1 st questions solution

[@engineerchirag]

Noted. Will plan one.

[@BulbDrama]

Nice one

[@engineerchirag]

Thanks for watching

[@nimishgs3259]

First Q: function computeAmount () { this.value = 0 const context = { lacs: lacs.bind(this), crore: crore.bind(this), thousands: thousands.bind(this), value: value.bind(this) } function lacs (number){ const numberInLacs = 100000*number this.value += numberInLacs return context } function crore (number){ const numberInCrores = 10000000*number this.value += numberInCrores return context } function thousands (number){ const numberInThousands = 1000*number this.value += numberInThousands return context } function value() { return this.value } return context } console.log(computeAmount().lacs(15).thousands(20).value())

[@himanshumishra3425]

function compute(){ return { amount:0, lacs:function (params){ this.amount += params * 100000; return this; }, crore: function (params){ this.amount += params * 10000000; return this; }, thousand :function (params){ this.amount += params * 1000; return this }, value : function (){ return this.amount; } }; } is this approach wrong ?

[@gagansuneja7029]

Does MS take all hiring rounds in a single day only?

[@engineerchirag]

In hiring drives, mostly yes.

[@karthiksundaram544]

❤

[@engineerchirag]

❤️

[@mkunboxing]

awesome

[@engineerchirag]

❤️

[@karthiksundaram544]

Hi chirag what is latest version of javascript

[@engineerchirag]

ES14 - 2023

[@karthiksundaram544]

Hi chirag I guess best version of Java script is es6

[@surajbhushanpandey2882]

const calculateAmount = function (initialSum = 0) { let sum = initialSum; let op = { value: () => sum }; op.__proto__.lacs = function (lacs = 0) { sum += 1_00_000 * lacs; return op; }; op.__proto__.crores = function (crores = 0) { sum += 100_00_000 * crores; return op; }; op.__proto__.thousand = function (thousand = 0) { sum += 1000 * thousand; return op; }; return op; };

[@sameekshagupta9518]

Can you also do some React interview questions as well ?

[@engineerchirag]

Yes, upcoming interview is on ReactJs. Stay tuned 🚀

[@abhijeet3844]

I appreciate the efforts. But Nobody uses pure venila javascript now a days. This is just to test the knowledge i guess. But You could have tested in a better way. This is for sure not for 3 years experienced candidate. As it was mock , agreed but real time if you ask most of them will fail to answer. felt bit difficult interview . All the best

[@mdsalman7707]

Does actual interview also go like this?

[@shubhanshusahuu]

Obviously not

[@engineerchirag]

Why so? Why did you feel like that?

[@shubhanshusahuu]

@@engineerchirag in actual interview, they don't support or give you hint like you gave

[@sanketjaiswal76]

@@shubhanshusahuu it depends if they know u are on right track or not , if u showing them progress then they will help u sometime.

[@engineerchirag]

Depends on the interviewer. The intent of the interview is not to reject, but to get the best out of the candidates 😊. Sometimes you have to ask for hints and suggestions from the interviewer 😄

[@65muralikumarj]

This Platform name???

[@engineerchirag]

DM me

[@yashsolanki069]

Extremely helpful for all of us. Thanks chirag for this series. Could you please share, What is the code editor being used here?

[@engineerchirag]

Thanks Yash for feedback. DM me on LinkedIn for details 😊

[@imkir4n]

which is this online editor?

[@engineerchirag]

DM me

[@imkir4n]

@@engineerchirag how?

[@engineerchirag]

Linkedin

[@FaizanPinjari]

Codility

[@imkir4n]

@@FaizanPinjari thank you bro

[@rishabhchopra883]

What about this code function compute() { this.total = 0; function lakhs(val) { this.total += val * 1000; return this; } function crore(val) { this.total += val * 100000000; return this; } function value() { return this.total; } this.lakhs = lakhs.bind(this); this.crore = crore.bind(this); this.value = value.bind(this); return this; }

[@mirage4731]

const element = document.createElement("input") const state = {value:"hi"} function model(state, input){ input.addEventListener("change",(e)=>{ state.value = e.target.value }) Object.defineProperty(state, "value",{ _temp:"", //using another variable to keep track of data stored in this variable set: function(x) { element.value = x; return this._temp = x; }, get: function() { return this._temp; }, }) } model(state, element) state.value = "dev" console.log("ELEMENT", element.value) // "dev" element.value = "engineer" element.dispatchEvent(new Event('change')) console.log(state.value) // 'engineeringchirag'

[@trialaccount2244]

From title I thought 3.5 years of experience 🙂

[@engineerchirag]

Yeah, interview level is 3.5+ experience only. Will get it rectified soon!

[@red_pill_2025]

i am pissing my pants 😂

[@engineerchirag]

😅

[@himanshuraj4766]

He looks like Badshah 😅

[@engineerchirag]

😛

[@premmokashe4896]

is this solution correct function CompoundAmount(){ return{ result:0, lacs:function(v){ this.result+=Number(`${v}00000`) return this }, core:function(val){ this.result+=Number(`${val}0000000`) return this }, thousand:function(th){ this.result+=Number(`${th}000`) return this }, values:function(){ return this.result } } } console.log(CompoundAmount().lacs(5).core(1).thousand(1).lacs(2).values())

[@aqibmalik6313]

did u run this

[@shagunpreetsingh7105]

My Solution to first problem: function computeAmount(){ return { inLac: 0, inCrore: 0, inThousand: 0, thousand: function(value) { if(value) { this.inThousand = this.inThousand + Number(value) * 100000; } return this; }, lac: function(value) { if(value) { this.inLac = this.inLac + Number(value) * 100000; } return this; }, crore: function(value) { if(value) { this.inCrore = this.inCrore + Number(value) * 10000000; } return this; }, value: function(){ return (this.inCrore + this.inLac + this.inThousand).toLocaleString('hi'); } } } I am not sure why can't we simply return an object like above from computeAmount function how does factory design pattern help here @engineerchirag please help

[@nayansinghal23]

QUES 1 :- function computeAmount() { const amount = { totalAmount: 0, lacs: function (number) { this.totalAmount += number * 100000; return this; }, crore: function (number) { this.totalAmount += number * 10000000; return this; }, thousand: function (number) { this.totalAmount += number * 1000; return this; }, value: function () { return this.totalAmount; }, }; return amount; } console.log(computeAmount().lacs(15).crore(5).crore(2).lacs(20).thousand(45).crore(7).value());

[@BibhutiBhushanSaha]

Easy solution function computeAmount(){ let amount = 0 let obj = { lacs: function(num){ amount = amount + (num * 100000); return obj }, crore: function(num){ amount = amount + (num * 10000000); return obj }, thousands: function (num){ amount = amount + (num * 1000); return obj }, value: function (){ return amount; } } return obj; } console.log(computeAmount().lacs(15).crore(5).crore(2).lacs(20).thousands(45).crore(7).value());

[@AnkitTyagi-co8rs]

class calculate { constructor(){ this.value=0; } thousand(amount){ this.value += amount *1000; return this; } lacs(amount){ this.value +=amount *100000; return this; } crore(amount){ this.value += amount *10000000; return this; } final(){ return this.value; } } const computeAmount = new calculate(); console.log(computeAmount.lacs(15).crore(5).crore(2).lacs(20).thousand(45).crore(7).final())

[@durgeshgupta6647]

hi, this is my solution function foo(){ let total=0 return { lacs(num){ total=total+num*100000 return this }, crore(num){ total=total+num*10000000 return this }, thousand(num){ total=total+num*1000 return this }, value(){ return total } } } console.log(foo().lacs(15).crore(5).crore(2).lacs(20).thousand(45).crore(7).value())

[@satishnarayan8614]

function computeAmount(){ let obj={}; obj.value=0; obj.lacs=function(amount){ this.value=this.value+amount*100000; return this; } obj.crore=function(amount){ this.value=this.value+amount*10000000; return this; } obj.thousand=function(amount){ this.value=this.value+amount*1000; return this; } obj.valueOf=function(){ return this.value; } return obj; } console.log(computeAmount().lacs(15).crore(1).thousand(10).valueOf())

[@mayurwankhade7447]

My solution to the first question after watching the video till 11.55, without googling function computeAmount() { return { totalAmount: 0, crore(crore) { this.totalAmount += crore * 10000000; return this; }, lacs(lacs) { this.totalAmount += lacs * 100000; return this; }, thousand(thousand) { this.totalAmount += thousand * 1000; return this; }, value() { return this.totalAmount; }, }; } console.log( computeAmount() .lacs(15) .crore(5) .crore(2) .lacs(20) .thousand(45) .crore(7) .value() );

[@mayurwankhade7447]

Please let me know if it is right approach or not

[@hassamsaeed4839]

A great interview. I itself learned alot of things ❤🫡

[@engineerchirag]

Awesome ❤️

[@childrenWithGod-xn2rb]

obj.helloWorld() ,,,,, we will get => hello world hello in this way also

[@karthiksundaram544]

❤

[@engineerchirag]

❤️