深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域

站长资源 2024/11/26 佚名

8 1538 8

DDR爱好者之家 Design By 杰米

匿名函数：没有实际名字的函数。

匿名函数的作用：

1、通过匿名函数可以实现闭包，关于闭包在后面的文章中会重点讲解。在这里简单介绍一下：闭包是可以访问在函数作用域内定义的变量的函数。若要创建一个闭包，往往都需要用到匿名函数。
2、模拟块级作用域，减少全局变量。执行完匿名函数，存储在内存中相对应的变量会被销毁，从而节省内存。再者，在大型多人开发的项目中，使用块级作用域，会大大降低命名冲突的问题，从而避免产生灾难性的后果。自此开发者再也不必担心搞乱全局作用域了。

本章节重点给大家介绍JavaScript 中的匿名函数((function() {})();)与变量的作用域，具体内容如下所示：

以前都是直接用前端框架Bootstrap，突然想看看Javascript，发现javascript是个非常有趣的东西，这里把刚碰到的一个小问题的理解做下笔录（废话不多说，上代码）。

/**
 * Example 1
 */
var localvar = "local var";
console.log(localvar);//local var
/**
 * Example 2
 */
console.log(x === undefined); // true
var x = 3;
/**
 * Example 3
 */
var myvar = "my value";
//Test01
//will return a value of undefined
(function() {
 console.log(myvar); // undefined
 var myvar = "local value";
 console.log(myvar); // local value
})();
console.log(myvar);//my value
//Test02
(function myFunction(){
 console.log(myvar);//my value
})();
//Test03
var test = new function(){
 console.log(myvar);//my value
};

解释如下：

(1).JavaScript 变量的特别之处是，你可以引用稍后声明的变量而不会引发异常。这一概念称为变量声明提升(hoisting)；

(2).JavaScript 变量感觉上是被“提升”或移到了函数或语句的顶部。然而提升后的变量将返回 undefined 值。

(3).在使用或引用某个变量之后进行声明和初始化操作，这个被提升的引用仍将得到 undefined 值。

(4).这里Example 3中Test01是这次问题的关键，Test01和Test02是很相似的(至少我看着很相似)。但是最后输出结果不能用（1）、（2）、（3）来解释

　　经过查看官方API文档发现，在匿名函数(function() {})();的使用中形成了闭包（重点，不清楚的可以查阅闭包的概念，闭包概念还是好理解的）；

　　由于闭包的存在，全局变量自然无法访问（闭包的一个重要原因就是为了避免访问全局变量），故Test01 function中第一句输出结果为undefined。

总结原因：匿名函数(function() {})();是一个特殊的闭包写法。

总结

以上所述是小编给大家介绍的JavaScript 中的匿名函数((function() {})();)与变量的作用域，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

js中的function函数,js,匿名函数

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域”

暂无评论...

深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域

vue.js 添加 fastclick的支持方法

对vue事件的延迟执行实例讲解

评论“深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接