• V8엔진은 자바스크립트를 컴파일링 하기위한 구글의 JS컴파일러
• 파이어폭스도 자체엔진을 쓰는데 V8과 구조가 조금 다르다

[The JavaScript Journey]

• 코드 입력시 파싱 해서 Syntax tree 로 변형
• interpreter(aka Ignition) 이 해석해서 컴파일러에 전달
• Optimizing Compiler (aka Turbofan)는 자바스크립트 코드를 머신 코드로 변환 시킨다
• 변환된 머신 코드가 실행된다

[Parsing JavaScript]

• Eager (full-parse) : 바로 파싱

• Lazy (pre-parse) : 나중에 파싱

  // eager parse declarations right away
  // 바로 파싱
  const a = 1;
  const b = 2;
  
  // lazily parse this as we don't need it right away
  // 나중에 파싱
  function add(a, b) {
    return a + b;
  }
  
  // oh looks like we do need add so lets go back and parse it
  add(a, b);
  

  // eager parse declarations right away
  const a = 1;
  const b = 2;
  
  // eager parse this too
  // 즉시실행 되어서 바로 파싱
  var add = (function(a, b) {
    return a + b;
  })();
  
  // we can use this right away as we have eager parsed
  // already
  add(a, b);
  

[Function Inlining - Turbofan의 최적화 예]

// 쓴 코드

const square = (x) => { return x * x }

const callFunction100Times = (func) => {
  for(let i = 0; i < 100; i++) {
    // the func param will be called 100 times
    func(2)
  }
}

callFunction100Times(square)

// V8엔진이 최적화 해버린 코드

const square = (x) => { return x * x }

const callFunction100Times = (func) => {
  for(let i = 100; i < 100; i++) {
    // the function is inlined so we don't have 
    // to keep calling func
    return x * x
  }
}

callFunction100Times(square)

• 최적화 과정에서 인자로 받은 함수를 호출하지도 않고 100번 호출할 것도 1번호출로 바꿈

Function inlining gotcha

• 약간 뽑기 운 있을 수도..