JavaScript 中的匿名函数((function() {})();)与变量的作用域
2021-07-12 19:08
标签：api文档 总结 ons amp 有趣的 小问题 存在 java 前端 以前都是直接用前端框架Bootstrap，突然想看看Javascript，发现javascript是个非常有趣的东西，这里把刚碰到的一个小问题的理解做下笔录（废话不多说，上代码）。 解释如下： (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() {})();)与变量的作用域 标签：api文档 总结 ons amp 有趣的 小问题 存在 java 前端 原文地址：https://www.cnblogs.com/htsg/p/9545278.html/**
* 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
};
文章标题：JavaScript 中的匿名函数((function() {})();)与变量的作用域
文章链接：http://soscw.com/index.php/essay/104298.html