JavaScript 微优化,0、null、false 等

标签 javascript optimization null

你好,微优化怪胎在这里。两个类似的问题。

  1. 我有很多(400)个变量,可以是字符串或空,空时使用什么?空还是0?好的 0 占用 int 的内存,但 null 毕竟是 4 个字符...稍后我必须用 if 检查,例如 === null 或其他...变量不会改变,大部分都被读取...

  2. 在脚本中我使用了很多 bool 变量,我想知道使用 true false 或 1 0, cos 是否会更好地执行,因为 true 是 4 个字符。

我试图对自己进行基准测试,但我不能...这是测试代码:
1A:

<script> var t0, t1, l; var c = true;
t0 = performance.now();
var li = ["abcd1234",0,"abcd1234",0,"abcd1234",0]; //500 more of em.
l = li.length;
for (i = 0; i < l; i++) { if (li[i] !== 0 ) { c = true; } else { c = false; } }
t1 = performance.now();
console.log((t1 - t0) + " ms"); </script>

1B:

<script>var t0, t1, l; var c = true;
t0 = performance.now();
var li = ["abcd1234",null,"abcd1234",null,"abcd1234",null]; //500 more of em.
l = li.length;
for (i = 0; i < l; i++) { if (li[i] !== null ) { c = true; } else { c = false; } }
t1 = performance.now();
console.log((t1 - t0) + "ms"); </script>

2A:

<script>var t0, t1, l; var c = true;
t0 = performance.now();
var li = [true,false,true,false,true,false]; //500 more of em.
var l = li.length;
for (i = 0; i < l; i++) { if (li[i] === true ) { c = true; } else { c = false; } }
t1 = performance.now();
console.log((t1 - t0) + "ms"); </script>

2B:

<script> var t0, t1, l; var c = 1;
t0 = performance.now();
var li = [1,0,1,0,1,0]; //500 more of em.
var l = li.length;
for (i = 0; i < l; i++) { if (li[i] === 1 ) { c = 1; } else { c = 0; } }
t1 = performance.now();
console.log((t1 - t0) + "ms"); </script>

测试结果: 每个数组 800k 变量,时间是 5 个页面加载的平均值。

1a:0 时间 11.99 毫秒 |大小 5.35 MB
1b:空时间 1.78 毫秒 |大小 6.59 MB
2a:真假时间 1.77 毫秒 |大小 4.53 MB
2b:1 0 时间 1.78 毫秒 |大小 1.64 MB

我必须说,变量数量越少,差异(时间和大小)就越小。

最佳答案

从性能 Angular 来看,0nullfalse 的字符数并不重要。它们唯一会影响的是文件大小,但由于 GZip 或其他 Web 压缩会将重复的单词放入字典中,因此它们多次出现并不重要(如果您真的关心性能,您肯定会使用 GZip 或更好)。

关于JavaScript 微优化,0、null、false 等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46018009/

相关文章:

c# - 禁用特定函数或代码块的编译器优化 (C#)

java - 初始化复杂静态值的最佳方法

java - Android Studio 中的 Recyclerview 错误 - "null object reference"

node.js - 检查 Node 中的错误参数

javascript - 用于网络/移动应用程序的 HTML5 API javascript 库和 CSS 工具

c - Tail Call Optimization在DrScheme中是如何实现的?

javascript - 为什么我的迷你按钮在 jQuery Mobile 的 ListView 中这么大?

sql - 如何选择一列不同的内容?

javascript - 在 ExtJS 中自动调整文本字段标签

javascript - 比较选择框时序