I'm not able to figure out the reason for this behavior, can any one help me understand let counter= (function (){ let count = 0; return function() { count+=1; return count; } })() for (let i = 0; i< 3;…
import React, { useState, useEffect } from 'react' function Counter() { const [count, setCount] = useState(0) const incCount = () => { console.log("count ", count) // setCount(count + 1) setCount(x => x + 1) } useEffect(() => { console.log('use effect…
import React, { useEffect, useRef, useState } from 'react'; import $ from 'jquery'; import 'jquery.terminal/css/jquery.terminal.min.css'; import 'jquery.terminal/js/jquery.terminal.min.js'; import { useRouter } from 'next/router'; const TerminalProfile = ({ width, height }) => { const months = ["Jan", "Feb", "Mar", "Apr", "May",…
I came across the following thing while trying to understand some concepts of working with closures. When I was reading about memoization/throttling, people were using func.apply(this, args) in closures. Here are some examples from 2 different sources: function memoize(func) {…
I'm learning Elixir and I just got to the part about closures. When a language has closures, the first thing I usually do is try to make the closure algorithm. In JavaScript it looks something like this: let counter =…
For a toy example, suppose I have a clock widget: { const clockElem = document.getElementById('clock'); const timefmt = new Intl.DateTimeFormat( 'default', { timeStyle: 'medium', }); setInterval(() => { const d = new Date; console.log('tick', d); clockElem.querySelector('p').innerHTML = timefmt.format(d); }, 1000);…
I was asked in an interview to write a currying function which retains value using closure(Javascript). Example: add(1, 2, 3)(4)(5, 6); add(7, 8); add(9)(10); add(); Output of above line of code should be 55 after execution of last add function.…
At the bottom of a word game there are 4 buttons, which open jQuery UI dialogs with certain words from the game dictionary: I am trying to simplify the game code by creating the following function: // select word using…
It feels like there is nothing difference between the first one and the second one. But the first one code snippet can solve the stale closure. So, why the second one can't? I really can't figure it out. Can anyone…
emphasized textHi I'm learning Javascripts closures and tjis code beahves funny to me: function Unique_id2() { let counter = 0; function f() { return counter++; }; return f(); } console.log("UID2"); let f = Unique_id2; console.log(typeof f); console.log(f()); console.log(f()); console.log(f()); console.log(f());…