当前位置:首页 » 文件传输 » 闭包外部不能访问内部函数
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

闭包外部不能访问内部函数

发布时间: 2023-08-10 22:52:31

㈠ 初学js,一个很简单的问题,为什么函数外访问不到函数内的全局变量

原因如下:

1、函数里面的变量不是全局变量,函数内部声明的变量一定是局部变量,所以想要外部访问是无法直接访问到的,请规范全局变量和局部变量的定义。

2、外部想要访问函数内的变量可以采用闭包来实现,代码实例如下:

functiontest(){
varx=10;
returnfunction(){
returnx;
}
}
//调用局部变量x,报错未定义
alert(x);
//调用
vara=test();
alert(a());

这样可以实现外部访问内部变量。

㈡ js中作用域,闭包问题

这篇文章主要介绍了JavaScript中的作用域和闭包问题,是JS入门学习中的基础知识,需要的朋友可以参考下
JavaScript的作用域以函数为界,不同的函数拥有相对独立的作用域。函数内部可以声明和访问全局变量,也可以声明局部变量(使用var关键字,函数的参数也是局部变量),但函数外部无法访问内部的局部变量:
function test() {
var a = 0; // 局部变量
b = 1; // 全局变量
}
a = ?, b = ? // a为undefined,b为1
同名的局部变量会覆盖全局变量,但本质上它们是两个独立的变量,一方发生变化不会影响另一方:
a = 5; // 函数外a的值为5
function test() {
var a = 4; // 函数内a的值为4
}();
a = ? // 函数外a的值仍为5,不受函数影响
一般而言,函数结束后,对函数内部变量的引用全部结束,函数内的局部变量将被回收,函数的执行环境将被清空,但是,如果以内部函数作为函数的返回结果,情况就会发生变化:
function test(i) {
var b = i * i;
return function() {
return b--;
};
}
var a = test(8);
a(); // 返回值为64, 内部变量b为63
a(); // 返回值为63, 内部变量b为62
当以内部函数作为返回值时,因为函数结束后内部变量的引用并未结束,所以函数的局部变量无法回收,函数的执行环境被保留下来,因而形成了闭包效果,可以通过该引用访问本该被回收的内部变量。
闭包还使得函数的局部变量成为“私有”变量,只能通过返回的内部函数访问,而无法通过其他任何手段去改变。
因此,闭包可用于维持局部变量和保护变量。
不使用闭包的情况:
var a = []; // 假设a中包含5个元素
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = function(e) {
return 'No. ' + i;
};
}
// 点击任何一个元素,返回值都是“No. 5”,因为i最后的值

㈢ 简单的闭包问题

概念

闭包,在《javascripts高级程序设计》里面是这样介绍的:闭包是指有权访问另一个作用域中的变量的函数。额。。这句话我以前看过很多遍,但依然不是很懂,只知道它是跟作用域有关。现在我知道了,如果这句话换成:但凡是内部的函数被保存到了外部,必定生成闭包。这样就容易理解多了不是。
我们以下面的这个代码块为例:

例子解释

function a() {const num = 100;function b () {num++;console.log(num);}return b;}const demo = a();demo();demo();

我们先执行上述代码,看看结果是什么:

a执行完,返回了b,此时的b只是声明,但还没调用,所以没有形成自己的AO,但作用域链和 a doing 时是一样的,所以虽然 a() 的作用域被销毁了,但是相同的一份却被b保存到了外面。这也就是内部函数被保存到了外面形成闭包的本质。这样也不难理解为什么上述代码打印出来的值是那样的了:

  • 执行第一个demo()时,也即是执行 b(),由于b保存了a的作用域链,所以也可以访问到 num ,执行 b() 后,加一;

  • 那为什么第二次执行 demo(),打印出的值还是有自增了呢?这是因为操作的都是保存在 b 里的 num ,虽然每次调用 demo() 都会形成新的作用域链,但是num,却是每次从上一次的作用域链直接 到当前作用域链中的。

  • 这样形成的闭包虽然可以使外部可以访问到内部的函数,但是导致了原有的作用域链不释放,会造成内存泄漏。(内存泄漏的意思就是占用内存,可用内存资源变少了)。所以如果不是特殊需要,应尽量防止这种情况发生。

    并且,作用域链的配置机制引出了一个值得注意的副作用:即闭包只取得包含函数中任何变量最后一个值,比如下面这个例子:

  • function createFunctions() {var result = [];for(let i = 0; i< 10; i++) {result[i] = function() {console.log(i);}}return result;}var myArr = createFunctions();for(var j = 0; j < 10; j++) {myArr[j]();}

  • 这个函数会返回一个函数数组,表面上看,似乎每个函数都应该有自己的索引值,即会返回:0,1,2...9;但实际上,每个函数都会返回10;这是因为在createFunctions()执行时,for循环跳出的条件是i=10;所以函数返回后,i的值是10 ;而每个result的作用域链中都保存这createFunctions()的AO,所以他们引用的都是createFunctions()的i值,所以每个函数内部i的值都是10;
    这样,我们可以创建一个立即执行函数强制让闭包的行为符合预期:

  • function createFunctions() {var result = [];for(var i = 0; i < 10; i++) {(function(j) {result[i] = function() {document.write(j + " ");}}(i));}return result;}var myArr = createFunctions();for(var j = 0; j < 10; j++) {myArr[j]();}

  • 典型应用

    下面看看几个用到闭包的典型例子:

  • 实现共有变量

    如累加器:调用多少次,累加多少次,用闭包更加模块化

  • function add() {var count = 0;function demo() {count++;console.log(count);}return demo;}var counter = add();counter();//1counter();//2counter();//3

  • 实现缓存

  • 如eater: eat和push保存的都是eater的AO;,所以eat中food改变后。实际上是eater变了,所以也会影响push;

  • function eater() {var food = '';var obj = {eat: function() {console.log('eating' + food);food = '';},push: function(myFood) {food = myFood;}}return obj;// 相当于返回里面的eat和push操作food;}var eater1 = eater();eater1.push('banana');eater1.eat();