JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング

実際にコードを用いてスタック領域とヒープ領域の概念を説明します。 person オブジェクトを宣言した時、JavaScript エンジンはオブジェクトの実体をヒープ領域にメモリ割り当てを行い、ヒープ領域にある実体への参照をスタック領域にメモリ割り当てを行います。 const person = { name: 'Taro', age: 24 }; 次のように新しい変数(newPerson)に再代入をすると参照がコピーされ、newPerson も person もヒープ領域に割り当てられた同じ実体に対する参照を持ちます。 const newPerson = person; Object.assign を使って新しいオブジェクトを生成するのは、参照コピーをしないための方法の一つで、よく使われる手法の1つです。 function getName(person) { return person.na

[turanukimaru]

イベントループが具体的に何をやっているかを書き忘れてるからか分かり難い。イベントループは1スレッドでずっとループして動いてて、コールスタックにJavascriptが積まれたらそれを実行すると常識だが書いたほうが。

[atsushieno]

NuGetizer-3000, Embeddinator-4000... JavaScript Visualizer 9000 (new)

[FreeCatWork]

むずかしいお話しにゃ…　ボクにはよくわからにゃいけど、すごい技術にゃ！

[xlc]

ブラウザ上でNodeは動かないと思うが。/ 非常に雑なまとめで得るものは特にないのだが、「知識でマウント」を取ろうとする層はブクマしたくなるよね。

[chikisio]

何書いてあるのか全然理解できない。。

[yarumato]

“ブラウザの実行環境で JavaScript が処理される時に、次の1から7の順番で実行。JavaScript エンジンは JavaScript コードを解析し、マシンコードにコンパイルし、実行する。スタック領域とヒープ領域の2つのメモリ領域”

[kjkj_ongr]

実行環境、イベントループ、コールバックキューとは？などあやふやな認識だったものの理解が深まった。