javascript - JavaScript 是如何在 Google V8 中执行的，特别是 Canvas 相关代码

Question

gurus 我正在尝试了解 Google-V8 引擎的工作原理， 我看到 https://developers.google.com/v8/get_started据我了解，V8 将 javascript 作为输入，然后编译它并获得输出，如上例中我们以字符串形式输出。 在现实生活中，情况有所不同，请考虑此 Canvas 代码

var canvas = document.getElementById("canvas"),
        ctx = canvas.getContext("2d"), // Create canvas context
        W = window.innerWidth, // Window's width
        H = window.innerHeight, // Window's height
        particles = [], // Array containing particles
        ball = {}, // Ball object
        paddles = [2], // Array containing two paddles
        mouse = {}, // Mouse object to store it's current position
        points = 0, // Varialbe to store points
        fps = 60, // Max FPS (frames per second)
        particlesCount = 20, // Number of sparks when ball strikes the paddle
        flag = 0, // Flag variable which is changed on collision
        particlePos = {}, // Object to contain the position of collision 
        multipler = 1, // Varialbe to control the direction of sparks
        startBtn = {}, // Start button object
        restartBtn = {}, // Restart button object
        over = 0, // flag varialbe, cahnged when the game is over
        init, // variable to initialize animation
        paddleHit;

// Add mousemove and mousedown events to the canvas
canvas.addEventListener("mousemove", trackPosition, true);
canvas.addEventListener("mousedown", btnClick, true);

window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
        window.webkitRequestAnimationFrame || 
        window.mozRequestAnimationFrame    || 
        window.oRequestAnimationFrame      || 
        window.msRequestAnimationFrame     ||  
        function( callback ){
            return window.setTimeout(callback, 1000 / 60);
        };
})();

这些代码在 V8 中是如何执行的，特别是 canvas.addEventListener，可以提供一些线索并帮助我理解它。

Answer 1

v8 是可嵌入的 JavaScript 引擎。该引擎与 Canvas、getElement 或任何其他特定于浏览器的功能无关。 v8 只会回调到浏览器代码以在您的 javascript 代码中执行某些操作。您提到的链接是如何开始将 v8 嵌入到您的 C++ 应用程序中的文档。这样您就可以使用 JavaScript 控制自己的应用程序资源。您可以控制的资源是您的，文件或图形或窗口或设备和小工具。

还有一个项目结合了 v8 的强大功能和 HTML 渲染引擎，这个项目叫做 Chromium 浏览器。