Skip to content

Commit 9bf5c30

Browse files
committed
Fix blockquote
1 parent c62d722 commit 9bf5c30

File tree

1 file changed

+14
-9
lines changed

1 file changed

+14
-9
lines changed

data/blog/ace-the-javascript-interview.mdx

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -266,8 +266,9 @@ below.
266266
<div id="hoisting">
267267
<StepLargeCustom number="3" title="Hoisting" />
268268
</div>
269+
269270
> Hoisting is a mechanism of JavaScript where variables and function declarations
270-
are moved to the top of their scope before code execution.
271+
> are moved to the top of their scope before code execution.
271272
272273
No matter where the function and variables are declared, they are moved at <HighlightBox>the top of their scope</HighlightBox> whether their scope is global or local.
273274

@@ -351,9 +352,10 @@ In more precise terms: <HighlightBox>== converts both the values to the same typ
351352
<div id="this-keyword">
352353
<StepLargeCustom number="5" title="this Keyword" />
353354
</div>
355+
354356
> The `this` keyword references the object of which the function is a property of.
355-
In simple words, the `this` keyword references the object that is currently calling
356-
the function
357+
> In simple words, the `this` keyword references the object that is currently calling
358+
> the function
357359
358360
<HighlightBox>Example:</HighlightBox>
359361

@@ -565,8 +567,9 @@ In the above question:
565567
<div id="polyfills">
566568
<StepLargeCustom number="9" title="Polyfills" />
567569
</div>
570+
568571
> A polyfill is a piece of code (usually JavaScript on the Web) used to provide modern
569-
functionality on older browsers that do not natively support it.
572+
> functionality on older browsers that do not natively support it.
570573
571574
For Example, The interviewer might ask you to implement your own `text-shadow` from scratch property or some property which is not supported by old browsers.
572575

@@ -837,10 +840,11 @@ apiCall();
837840
<div id="closures">
838841
<StepLargeCustom number="13" title="Closures" />
839842
</div>
843+
840844
> A closure is the combination of a function bundled together (enclosed) with references
841-
to its surrounding state (the lexical environment). In other words, a closure gives
842-
you access to an outer function’s scope from an inner function. In JavaScript, closures
843-
are created every time a function is created, at function creation time.
845+
> to its surrounding state (the lexical environment). In other words, a closure gives
846+
> you access to an outer function’s scope from an inner function. In JavaScript, closures
847+
> are created every time a function is created, at function creation time.
844848
845849
Before undersanding closures, lets understand <HighlightBox>Lexical Scope</HighlightBox>
846850

@@ -889,9 +893,10 @@ The instance of displayName maintains a reference to its lexical environment, wi
889893
<div id="prototypes">
890894
<StepLargeCustom number="14" title="Prototypes" />
891895
</div>
896+
892897
> JavaScript is often described as a prototype-based language — to provide inheritance,
893-
objects can have a prototype object, which acts as a template object that it inherits
894-
methods and properties from.
898+
> objects can have a prototype object, which acts as a template object that it inherits
899+
> methods and properties from.
895900
896901
Javascript implicitly / internally puts the `__proto__` object. When we craete anything like a function or an object, Javascript add the **proto** object to it with properties and methods.
897902

0 commit comments

Comments
 (0)