浅谈类似于(function(){}).call()的js语句

类似于 (function(){}).call() 的 JS 语句通常被称为自执行函数，在 JavaScript 中被广泛使用。下面是这种语句的详细讲解。

1. 什么是自执行函数

自执行函数是一个在定义时立即执行的函数。它可以被写作以下两种形式之一：

(function() {
  // 函数体
})();

// 或者

(function() {
  // 函数体
}());

这两种形式在语法上是相同的，因为圆括号可以被视作函数表达式的唯一标志。实际上，函数声明语句被要求以名称来标识自己，而函数表达式则必须用圆括号括起来。

自执行函数的主要用途是创建一个私有作用域，防止变量名冲突和全局变量的污染。

2. 如何调用自执行函数

在默认情况下，自执行函数的返回值是 undefined。但是，我们可以使用 .call() 或 .apply() 函数来改变其执行上下文和返回值。比如：

(function() {
  console.log(this); // 输出 global 对象
}).call(this);

(function() {
  console.log(this); // 输出对象 {name: "test"}
}).call({name: "test"});

在第一个例子中，自执行函数的上下文是全局对象，因为 .call() 方法的参数是 this，即自执行函数的执行上下文。

在第二个例子中，自执行函数的上下文是一个包含 name 属性的对象，这个对象可以被用来模仿对象字面量。

总结

自执行函数是 JS 编程中很实用的一个技巧。通过它我们可以创建一个私有作用域来保护我们的代码和数据，避免发生变量名冲突和全局变量污染。同时，通过 .call() 方法，我们可以改变自执行函数的执行上下文和返回值，进一步增加代码的灵活性和可重用性。