ChatGPT解决这个技术问题 Extra ChatGPT

函数表达式前面的 JavaScript 加号

我一直在寻找有关立即调用函数的信息,在某个地方我偶然发现了这个符号:

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

有人可以向我解释一下函数前面的 + 符号的含义/作用吗?

Ben Alman 在这里解释了这一切:mths.be/iife

T
T.J. Crowder

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

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

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

+ 只是选项之一。它也可以是 -!~ 或几乎任何其他一元运算符。或者,您可以使用括号(这更常见,但在语法上既不正确也不正确):

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

更多细节在这里,benalman.com/news/2010/11/…
我们不能说paren-wrapping 是一种优越的符号吗?我非常熟悉用于包含表达式的括号。如果您还不知道 js 的这个神秘怪癖,那么在这种情况下 + 正在做什么就完全不清楚了。
注意:在两个括号选项中,jsLint 更喜欢第二个。我认为 jsHint 不那么挑剔。
使用“加号”符号的常用库之一是 Bootstrap(这就是我最终阅读此线程的方式)。
Bootstrap 正在这样做,顺便说一句:maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.js
C
Community

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

var num = +variant;

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

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

这怎么会得到 37 票? (+function() { ... })() 表示法永远无法在没有错误的情况下执行(除了它不能回答问题的事实)。
@whitequark:错过了函数+调用周围的一对大括号。由于数字转换解释,怀疑赞成票更多。
好吧,我可能一直在吹毛求疵。
@Christoph 我倾向于将这些括号留在那里。事实上,如果它们丢失了,我什至会添加它们。它使正在发生的事情变得更加清晰,并且还可以通过删除空格来防止代码最小化时出现问题,从而导致 3++function... 不一样。
尽管进一步思考,+function... 本身是不必要的。使用 blah + function( ){ ... }( ); 可以得到相同的结果,这将不需要包装括号。
J
Ja͢ck

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

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

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

当然,在整个东西周围放置大括号也可以达到这个目的。


无效或括号是非常可取的。它们不含 WTF。使用 + 是一种不太聪明的聪明。
一个好点。似乎使用其中一个运营商会违反目前的行业标准。也许“酷孩子”开发人员会选择它,否则我仍然没有看到使用某些东西而不是 void 或 ()
S
Stas Sorokin

解决方案和起源

函数前面的 + 符号,实际上称为 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

+ 符号位于变量、函数或任何返回的字符串表示之前,输出将被转换为整数或浮点数;一元运算符 (+) 也转换非字符串值 truefalsenull

高级用途

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

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

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

+new Date()
// expected output: 1641387991035

其他一元运算符

一元否定运算符将其操作数转换为数字类型,然后将其取反。 ~ 按位 NOT 运算符。 !逻辑非运算符。 delete delete 操作符从对象中删除一个属性。 void void 运算符丢弃表达式的返回值。 typeof typeof 运算符确定给定对象的类型。