我遇到了这段 JavaScript 代码,但我不知道该怎么做。为什么我在运行此代码时得到“1”?(1) 的这个奇怪的小附录是什么?为什么函数用括号括起来?
(function(x){
delete x;
return x;
})(1);
我遇到了这段 JavaScript 代码,但我不知道该怎么做。为什么我在运行此代码时得到“1”?(1) 的这个奇怪的小附录是什么?为什么函数用括号括起来?
(function(x){
delete x;
return x;
})(1);
这里发生了一些事情。首先是立即调用函数表达式(IIFE) 模式:
(function() {
// Some code
})();
这提供了一种在自己的范围内执行一些 JavaScript 代码的方法。它通常用于使函数内创建的任何变量都不会影响全局范围。你可以改用这个:
function foo() {
// Some code
}
foo();
但这需要为函数命名,这并不总是必要的。使用命名函数还意味着在将来某个时间点可能会再次调用该函数,这可能是不可取的。通过以这种方式使用匿名函数,您可以确保它只执行一次。
此语法无效:
function() {
// Some code
}();
因为您必须将函数包装在括号中才能使其解析为表达式。更多信息在这里:http ://benalman.com/news/2010/11/immediately-invoked-function-expression/
因此,快速回顾一下 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 是一个变量而不是一个属性,所以它不能被删除。
由于自动全局变量的工作方式,许多人认为 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 变量示例的。
这意味着您创建了一个匿名函数,并使用参数调用它1
。
它与以下内容相同:
function foo(x) {
delete x;
return x;
}
foo(1);
人们通常称这些“立即调用函数表达式”或“自执行函数”。
这样做的重点是在该函数内部声明的变量不会泄漏到外部。