浅谈javascript的闭包

发布时间：2020-09-20 00:55:05 来源：脚本之家阅读：117 作者：amsolbfengfeng 栏目：web开发

关于闭包的解释

我们将作用域链描述为一个对象列表，不是绑定的栈。每次调用javascript函数的时候，都会为之创建一个新的对象来保存变量，把这个对象添那个加至作用域中，当函数返回时，就从作用域链中将这个绑定变量的对象删除，如果不存在嵌套函数，也没有其他引用指向这个绑定的对象，它就会被当垃圾回收掉，

 (function () {
 var val = null;
 var callback;
 setTimeout(function () {
  val = 1;
  callback(val)
 },1000)
 window.getVal = function(fn){
  callback = fn;
 }
 })();
 (function(){
 var b =3;
 getVal(function (val) {
  console.log(val);//1
  console.log(b); //3
 getVal(function (val) {
 console.log(val);
 console.log(b); //这里为什么还能打印出b这个变量呢/. 
 });
 //这里匿名函数其实就是一个闭包，你就相当于通过getVal函数把这个闭包传递出去了，你想想看，闭包是不是这样？
})();
//2作用域
 (function(){
 var b =3;
 var ret = function (val) {
  console.log(val);

利用闭包实现的私有属性存取方法

 function c     
  return {
  count:function(){
  return n++;
  }
  };
  }
 var a=counter();
 alert(a.count());//返回的0；
 alert(a.count());//返回的是1；

定义的闭包实现的私有属性方法

function addPrivateProperty（o，name，predicate）{
var value;
o["get"+name]=function(){return value);}//get 存取器的属性只读,将其直接简单的返回
//setter方法检验值是否合法，若不合法就抛出异常
o["set"+name]=function(v){{
if(predicate&&!predicate(v)) throw Error("");
else {
value=v;
}
}

典型错误

function constfuncs(){
var funcs=[];
for(var i=0;i<10;i++){
funcs[i]=function(){return i;};
}
return funcs;
}
var func=constfuncs();
console.log(func[5]());
;//返回值? 10

由于此函数的闭包都是在同一个函数调用中定义的，因此可以共享变量i;

关联到闭包的作用域链都是活动的，嵌套的函数不会将作用域内的私有成员复制一份，也不会对所绑定的变量生成静态快照；在闭包时后this是javascript的一个关键字而不是变量

解决办法

function Bb(){
this.run=function(){}//this就是Bb这个对象；
}
而function run(){
function gg(){alert(this就是window)}//this就是window;`
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持亿速云！

向AI问一下细节

浅谈javascript的闭包

猜你喜欢

最新资讯

相关推荐

相关标签