Javascript代碼的運行步驟是指代碼在執行后的運作模式，主要包括了解析、編譯和執行這三個環節。這是一個彼此連接而且相互關聯的過程，下面我們來逐一了解。

首先是解析環節，Javascript代碼首先需要被解析器解析，這個過程會將代碼轉換成由tokens和標識符組成的抽象語法樹（AST）。

var a = 1;
console.log(a);

以上代碼被解析器解析之后，會生成以下的AST：

VariableDeclaration
|
Identifier
|
NumericLiteral
ExpressionStatement
|
CallExpression
|
 Identifier (console)
|
Identifier (log)
|
Identifier (a)

接下來是編譯環節，編譯器會將AST翻譯成可執行的代碼，這個過程主要包括了分配內存、解析函數、代碼優化和轉換成機器碼等過程。

最后是執行環節，這個過程是由Javascript引擎完成的。引擎會讀取編譯器輸出的機器碼，并且按照編譯器生成的算法一步一步地運算。

具體來說，我們來看以下代碼演示：

function sum(a, b) {
return a + b;
}
var result = sum(1, 2);
console.log(result);

以上代碼經過解析與編譯后，生成的機器碼如下：

如果a,b有值
調用函數sum，將1,2入棧
sum函數內將棧中的1,2取出相加
將相加后的值存儲到棧中
return返回棧中的值
如果result有值
將棧中的結果存儲到result中
執行console.log，將result輸出

通過以上演示，我們可以看出Javascript代碼的運行過程是一個復雜而嚴謹的過程，但是我們可以使用優化的代碼來讓過程變得更順暢。