高级JavaScript：为什么将此函数括在括号中？[重复]

李华茂

2023-03-14

问题内容：

我碰到了这段JavaScript代码，但是我不知道该怎么做。运行此代码时为什么会得到“1”？（1）的这个奇怪的小附录是什么？为什么函数用括号括起来？

(function(x){
    delete x;
    return x;
})(1);

问题答案：

这里发生了一些事情。首先是立即调用的函数表达式（IIFE）模式：

(function() {
  // Some code
})();

这提供了一种在自己的范围内执行某些JavaScript代码的方法。通常使用它，以便在函数内创建的任何变量都不会影响全局范围。您可以改用以下方法：

function foo() {
  // Some code
}
foo();

但这需要给函数起一个名字，但这并不总是必须的。使用命名函数还意味着将来可能再次调用该函数，这可能是不希望的。通过以这种方式使用匿名函数，可以确保仅执行一次。

此语法无效：

function() {
  // Some code
}();

因为您必须将函数包装在括号中才能使其解析为表达式。

因此，快速回顾一下IIFE模式：

(function() {
  // Some code
})();

允许立即执行“某些代码”，就像它们只是内联编写一样，也可以在其自己的范围内执行，以免影响全局名称空间（并因此可能干扰其他脚本或被其他脚本干扰）。

您可以像普通函数一样将参数传递给函数，例如，

(function(x) {
  // Some code
})(1);

因此，我们将值“ 1”作为第一个参数传递给函数，该函数将其作为局部范围的变量（名为x）接收。

其次，您可以了解函数代码本身：

delete x;
return x;

删除运算符将从对象中删除属性。它不会删除变量。所以;

var foo = {'bar':4, 'baz':5};
delete foo.bar;
console.log(foo);

结果记录如下：

{'baz':5}

鉴于，

var foo = 4;
delete foo;
console.log(foo);

将记录值4，因为foo是变量而不是属性，因此无法删除。

许多人认为，由于autoglobals的工作方式，delete可以删除变量。如果在没有先声明的情况下分配变量，则它实际上不会成为变量，而是全局对象上的属性：

bar = 4; // Note the lack of 'var'. Bad practice! Don't ever do this!
delete bar;
console.log(bar); // Error - bar is not defined.

这次删除有效，因为您不是要删除变量，而是要删除全局对象上的属性。实际上，上一个代码段与此等效：

window.bar = 4;
delete window.bar;
console.log(window.bar);

现在，您将看到它与foo对象示例而不是foo变量示例的相似之处。