函数表达式前面的 JavaScript 加号

Question

我一直在寻找有关立即调用函数的信息，在某个地方我偶然发现了这种表示法：

+function(){console.log("Something.")}()

有人可以向我解释一下函数前面的+ 符号是什么意思吗？

Answer 1

它强制解析器将+ 之后的部分视为表达式。这通常用于立即调用的函数，例如：

+function() { console.log("Foo!"); }();

如果没有 + 那里，如果解析器处于等待语句的状态（可以是表达式或多个非表达式语句），则单词 function 看起来像函数的开头 declaration 而不是函数 expression ，因此它后面的()（上一行末尾的那些）将是语法错误（缺少名称也是如此，在那个例子中）。 使用+，它使它成为一个函数表达式，这意味着名称是可选的，并导致对该函数的引用，该函数可以被调用，因此括号是有效的。

+ 只是其中一种选择。它也可以是-、!、~，或者任何其他一元运算符。或者，您可以使用括号（这更常见，但在语法上既不正确也不正确）：

(function() { console.log("Foo!"); })();
// or
(function() { console.log("Foo!"); }());

Answer 2

作为@TJCrowder 答案的补充，+ 通常用于强制对值as this SO answer explains 进行数字转换。在这种情况下，它被称为“一元加运算符”（为了便于搜索）。

var num = +variant;

所以在函数前面，它可以是一种强制将函数的结果解释为数字的方法。我怀疑它是否会发生，但理论上 JIT 可以使用它来将函数编译为仅限数字的函数等。但是，为了防止在更大的表达式中使用一元加号作为连接，您需要括号：

blah + (+(function(){ var scope; return "4"; })());

Answer 3

所以简短的回答是，它通过以一种或另一种方式使用函数结果来防止语法错误。

您还可以使用void 运算符指示引擎您甚至对返回值都不感兴趣：

void function() { console.log("Foo!"); }();

当然，在整个东西周围加上大括号也可以达到这个目的。

Answer 4

解决方案和起源

函数前的+ 符号实际上称为Unary plus，是称为Unary Operators 的组的一部分，并且（一元加号）用于将字符串和其他表示形式转换为数字（整数或浮点数）。

一元运算是只有一个操作数的运算，即单个 输入。这与二元运算相反，二元运算使用两个 操作数

基本用途：

const x = "1";
const y = "-1";
const n = "7.77";

console.log(+x);
// expected output: 1

console.log(+n);
// expected output: 7.77

console.log(+y);
// expected output: -1

console.log(+'');
// expected output: 0

console.log(+true);
// expected output: 1

console.log(+false);
// expected output: 0

console.log(+'hello');
// expected output: NaN

当+ 符号位于变量、函数或任何返回的字符串表示之前，输出将被转换为整数或浮点数；一元运算符 (+) 也转换非字符串值 true、false 和 null。

高级用途

使用您上面提到的功能的正确方法是：

+function(){return "3.141"}()
// expected output: 3.141

我喜欢使用+ 将new Date() 对象转换为时间戳，如下所示：

+new Date()
// expected output: 1641387991035

其他一元运算符

- 一元否定运算符将其操作数转换为数字类型 然后否定它。

~按位非运算符。

! 逻辑非运算符。

delete delete 操作符从一个对象中删除一个属性。

void void 运算符丢弃表达式的返回值。

typeof typeof 运算符确定给定对象的类型。