V8性能优化：避开JavaScript编码陷阱

70 浏览量更新于2024-07-15 收藏 197KB PDF 举报

本文主要围绕高性能JavaScript的编写与V8引擎的性能优化展开讨论。V8是Google的JavaScript引擎，被Chrome和Node.js广泛采用，其设计初衷是为了支持大规模、高性能的JavaScript应用。作为开发者，了解JavaScript引擎的工作原理，尤其是V8，对于优化代码和内存管理至关重要。文章首先强调了理解JavaScript引擎背后的机制的重要性，比如V8的构成包括一个基本编译器，它在代码执行前进行解析并将JavaScript代码转换为本地机器码，以提高执行效率。这种编译过程使得初始代码可能并不极致优化，但通过编译后的形式可以实现更快的执行速度。 V8引擎对待对象的方式也有其独特之处，它将JavaScript中的对象视为隐藏类的实例，构建了一个内部类型系统，这样可以更有效地进行查询操作。运行时分析器则是V8的一个关键组件，它监控系统运行状态，识别出那些频繁执行的“hot”函数，即性能关键区域，这对于性能调优非常重要。然而，文章也指出，尽管V8提供了许多优化，但并非所有的性能提升技巧都适用于所有JavaScript引擎，特别是那些非V8的引擎，如Firefox的SpiderMonkey（Carakan）、Opera的Chakra等。因此，开发者在编写高性能代码时，应避免针对特定引擎进行优化，而是寻求通用的最佳实践。此外，作者提醒读者，虽然V8的性能优化值得关注，但编写高性能代码时仍需警惕常见陷阱，比如内存泄漏、过度使用全局变量和避免不必要的DOM操作等。文章鼓励读者在遇到问题时积极参与讨论，共同探讨和学习优化技巧。本文深入浅出地介绍了V8引擎在JavaScript性能优化中的作用，以及开发者如何通过理解和应用这些知识来提升应用程序的性能，同时提醒大家在实践中保持通用性，避免过早优化。

函数函数

接下来，我们谈谈函数。正如我们已经说过，垃圾收集的工作原理，是通过回收不再是访问的内存块（对象）。为了更好地说明这

一点，这里有一些例子。

function foo() {

var bar = new LargeObject();

bar.someCall();

}

当foo返回时，bar指向的对象将会被垃圾收集器自动回收，因为它已没有任何存在的引用了。

对比一下：

function foo() {

var bar = new LargeObject();

bar.someCall();

return bar;

}

// somewhere else

var b = foo();

现在我们有一个引用指向bar对象，这样bar对象的生存周期就从foo的调用一直持续到调用者指定别的变量b（或b超出范围）。

闭包（闭包（CLOSURES））

当你看到一个函数，返回一个内部函数，该内部函数将获得范围外的访问权，即使在外部函数执行之后。这是一个基本的闭包 ——

可以在特定的上下文中设置的变量的表达式。例如：

function sum (x) {

function sumIt(y) {

return x + y;

};

return sumIt;

}

// Usage

var sumA = sum(4);

var sumB = sumA(3);

console.log(sumB); // Returns 7

在sum调用上下文中生成的函数对象（sumIt）是无法被回收的，它被全局变量（sumA）所引用，并且可以通过sumA(n)调用。

让我们来看看另外一个例子，这里我们可以访问变量largeStr吗？

var a = function () {

var largeStr = new Array(1000000).join('x');

return function () {

return largeStr;

};

}();

是的，我们可以通过a()访问largeStr，所以它没有被回收。下面这个呢？

var a = function () {

var smallStr = 'x';

var largeStr = new Array(1000000).join('x');

return function (n) {

return smallStr;

};

}();

我们不能再访问largeStr了，它已经是垃圾回收候选人了。【译者注：因为largeStr已不存在外部引用了】

定时器定时器

最糟的内存泄漏地方之一是在循环中，或者在setTimeout()/ setInterval()中，但这是相当常见的。思考下面的例子:

var myObj = {

callMeMaybe: function () {

var myRef = this;

var val = setTimeout(function () {

console.log('Time is running out!');

myRef.callMeMaybe();

}, 1000);

}

};

如果我们运行myObj.callMeMaybe();来启动定时器，可以看到控制台每秒打印出“Time is running out!”。如果接着运行myObj = null，

剩余14页未读，继续阅读

weixin_38595690

粉丝: 6
资源: 942

V8性能优化：避开JavaScript编码陷阱

高性能JavaScript 编程pdf电子书（中英文对译）

JavaScript语言精粹（高清电子版）和高性能JavaScript 双语版

编写高性能JavaScript.doc

编写高性能Javascript代码的N条建议

编写高性能的JavaScript 脚本的加载与执行

高性能JavaScript

高性能JavaScript编程

高性能JavaScript 2015

优化JavaScript性能：高性能JavaScript编程要点

优化JavaScript性能：高性能JavaScript编程精华

最新资源