没有操作的JavaScript约定是什么？

Question

没有操作的JavaScript约定是什么？

• 一个选项只是一个空函数: pass
• jQuery提供function() {},它只调用上面的空函数.
• 简单地输入$.noop()或者值是否可以接受false？

在上下文中...所有这些工作都没有在Chrome中引发错误:

var a = 2;
(a === 1) ? alert(1) : function() {};
(a === 1) ? alert(1) : $.noop();
(a === 1) ? alert(1) : false;
(a === 1) ? alert(1) : 0;

编辑:很多人回答说,"不要这样做!改变代码结构!" 这让我想起了有人问如何嗅探浏览器的帖子.他接到一连串的帖子说:"不要这样做!它是邪恶的",但没有人告诉他如何嗅探浏览器.这不是代码审查.想象一下,您正在处理无法更改的遗留代码,如果没有传入某些函数,它将丢失一个错误.或者,简单地说,这就是客户想要的方式,他们付钱给我.所以,请尊重,请回答这个问题:在JavaScript中指定"无操作"功能的最佳方法是什么？

编辑2:其中一个怎么样？

true;
false;
0;
1;
null;

Answer 1

为了回答原始问题,纯Javascript中的noop函数的最优雅和最简洁的实现(这里也讨论过)是Function.prototype.下面的代码段显示了它的用法:

setTimeout(Function.prototype, 10000);

所有三种浏览器(Chrome,Firefox和IE 11)都不会导致解释器在执行上述操作后10秒后返回(您可以使用调试器中的"跳过"模式逐步测试).

虽然这是一个"真正的noop",因为大多数浏览器似乎无法执行以这种方式定义的noop(因此节省了CPU周期),可能会出现一些与此相关的性能问题(正如其他人在评论中或其他答案).

然而,话虽如此,您可以轻松定义自己的noop函数,事实上,许多库和框架也提供noop函数.以下是一些例子:

var noop = function () {};           // Define your own noop in ES3 or ES5
const noop = () => {};               // OR Define your own noop in ES6
setTimeout(noop, 10000);             // Using the predefined noop

setTimeout(function () {} , 10000);  // Using directly in ES3 or ES5
setTimeout(() => {} , 10000);        // Using directly in ES6 as Lambda (arrow function)

setTimeout(angular.noop, 10000);     // Using with angular 1.x
setTimeout(jQuery.noop, 10000);      // Using with jQuery

以下是noop功能(或相关讨论或谷歌搜索)的各种实现的按字母顺序排列的列表:

角1.x中, 角2+(似乎不具有本地实现-用自己的如上图所示),灰烬, jQuery的, Lodash, 的NodeJS, Ramda, 阵营(似乎不具有本地实现-用你自己如上所示), RxJS, 下划线

BOTTOM LINE:虽然Function.prototype是一种在Javascript中表达noop的优雅方式,但是可能存在与其使用相关的一些性能问题.因此,您可以定义和使用自己的(如上所示)或使用您可能在代码中使用的库/框架定义的库.

Answer 2

最简洁,最高效的noop是一个空箭头功能:()=>{}.

除了IE之外,箭头函数在所有浏览器中本机工作(如果必须,还有一个babel变换):

()=>{} 与 Function.Prototype

• ()=>{}是更快的87%比Function.prototype在铬67.
• ()=>{}是快25%,比Function.prototype在Firefox 60.
• ()=>{}是更快的85%比Function.prototype在边缘(2018年6月15日).
• ()=>{}是代码少65%比Function.prototype.

下面的测试使用箭头函数加热以产生偏差Function.prototype,但箭头功能是明显的赢家:

const noop = ()=>{};
const noopProto = Function.prototype;

function test (_noop, iterations) {
    const before = performance.now();
    for(let i = 0; i < iterations; i++) _noop();
    const after = performance.now();
    const elapsed = after - before;
    console.info(`${elapsed.toFixed(4)}MS\t${_noop.toString().replace('\n', '')}\tISNOOP? ${_noop() === undefined}`);
    return elapsed;
}

const iterations = 10000000
console.info(`noop time for ${iterations.toLocaleString()} iterations`)
const timings = {
    noop: test(noop, iterations),
    noopProto: test(noopProto, iterations)
}

const percentFaster = ((timings.noopProto - timings.noop)/timings.noopProto).toLocaleString("en-us", { style: "percent" });
console.info(`()=>{} is ${percentFaster} faster than Function.prototype in the current browser!`)

Answer 3

你在这里所取得的成就是错误的.三元表达式不得仅用于表达式的完整陈述,因此您的问题的答案是:

没有你的建议,而是:

var a = 2;
if (a === 1)
    alert(1)
// else do nothing!

然后代码很容易理解,可读并且尽可能高效.

为什么它变得更加困难,什么时候可以简单？

编辑:

那么,"无操作"命令基本上是否表示较差的代码结构？

你错过了我的观点.以上都是关于三元表达的x ? y : z.

但是,在诸如Javascript之类的更高级语言中,没有操作命令是没有意义的.

它通常在较低级语言(如汇编语言或C语言)中使用,作为使处理器不为一条指令执行任何操作以进行计时的方法.

在JS,无论你做0;,null;,function () {};或空语句,有很大的机会,它会被解释器时,它读取它忽略,但之前它被解释,所以到最后,你只会让你的程序是在很短的时间内加载得更慢.Nota Bene:我假设这一点,因为我没有参与任何广泛使用的JS解释器,并且每个解释器都有自己的策略.

如果您使用的东西有点复杂,比如$.noop()或者var foo = function () {}; foo(),那么解释器可能会执行一个无用的函数调用,最终会破坏函数堆栈的几个字节,并且会有几个周期.

我看到一个函数$.noop()存在的唯一原因就是能够仍然给某个事件函数提供一个回调函数,如果它不能调用该回调就会引发异常.但是,它必然是你需要给予的一个功能,并给它起noop一个好主意,所以你告诉你的读者(可能是你在6个月内),你故意给出一个空功能.

最后,没有"劣等"或"优越"的代码结构.你使用工具的方式要么是对的.使用三元作为你的例子就像在你想要拧螺丝时使用锤子.它会工作,但你不确定你可以挂在那个螺丝上.

可以被认为是"劣等"或"高级"的是您在代码中添加的算法和想法.但那是另一回事.

Answer 4

使用Function.prototypeover绝对不会有任何问题或性能损失() => {}。

\n\n

其主要好处Function.prototype是拥有单例函数，而不是每次都重新定义新的匿名函数。Function.prototype在定义默认值和记忆时使用无操作尤其重要，因为它为您提供了一个永远不会改变的一致的对象指针。

\n\n

我推荐Function.prototype而不是Function因为它们不一样：

\n\n

Function() === Function()\n// false\n\nFunction.prototype() === Function.prototype()\n// true\n

\n\n

此外，其他答案的基准具有误导性。事实上，Function.prototype执行速度比() => {}取决于您如何编写和运行基准测试要快：

\n\n

你可以\xe2\x80\x99t信任JS基准<<专门针对这个问题提出基准。

\n\n

不要根据基准来设计代码；做任何可维护的事情，并让解释器弄清楚如何从长远来看进行优化。

\n

Answer 5

我认为jQuery noop()主要是为了防止代码在请求的函数不可用时提供默认函数而崩溃.例如,考虑以下代码示例,$.noop如果fakeFunction未定义则选择,以防止下一次调用fn崩溃:

var fn = fakeFunction || $.noop;
fn() // no crash

然后,noop()允许通过避免在代码中的任何地方多次写入相同的空函数来节省内存.顺便说一句,$.noop有点短function(){}(每个令牌节省6个字节).因此,您的代码与空函数模式之间没有关系.使用null,false或者0如果您愿意,在您的情况下,将没有副作用.此外,值得注意的是这段代码......

true/false ? alert('boo') : function(){};

...完全没用,因为你永远不会打电话给这个功能,而这一个......

true/false ? alert('boo') : $.noop();

...因为你调用一个空函数更加无用,这与...完全相同

true/false ? alert('boo') : undefined;

让我们用一个if语句替换三元表达式,看看它有多大用处:

if (true/false) {
    alert('boo');
} else {
    $.noop(); // returns undefined which goes nowhere
}

你可以简单地写:

if (true/false) alert('boo');

甚至更短:

true/false && alert('boo');

为了最终回答你的问题,我认为"传统的无操作"是从未写过的.