闭包含义、危害、作用及其实现私有属性

什么是闭包?

红宝书(p178)上对于闭包的定义:闭包是指有权访问另外一个函数作用域中的变量的函数,

闭包产生的原因?

首先要明白作用域链的概念,其实很简单,在ES5中只存在两种作用域————全局作用域和函数作用域,当访问一个变量时,解释器会首先在当前作用域查找标示符,如果没有找到,就去父作用域找,直到找到该变量的标示符或者不在父作用域中,这就是作用域链,值得注意的是,每一个子函数都会拷贝上级的作用域,形成一个作用域的链条

var a = 1;
function f1() {
  var a = 2
  function f2() {
    var a = 3;
    console.log(a);//3
  }
}

在这段代码中,f1的作用域指向有全局作用域(window)和它本身,而f2的作用域指向全局作用域(window)、f1和它本身。而且作用域是从最底层向上找,直到找到全局作用域window为止,如果全局还没有的话就会报错。就这么简单一件事情!

闭包产生的本质就是,当前环境中存在指向父级作用域的引用。

function f1() {
  var a = 2
  function f2() {
    console.log(a);//2
  }
  return f2;
}
var x = f1();
x();

//例子2
var f3;
function f1() {
  var a = 2
  f3 = function() {
    console.log(a);
  }
}
f1();
f3();

闭包的作用

在这里插入图片描述

    1. 不依赖于外部变量 实现函数累加器
这是依赖于外部变量的例子
var count = 0;
functuon test(){
	count++;
	console.log(count);
}
test()   //   1;
test()  //   2;
test()  //   3;

累加器例子:
在这里插入图片描述

  • 2.做缓存(存储结构)
    在这里插入图片描述
结果:
I am eating apple
There is nothing ! empty !
I am eating banana 

在这里插入图片描述

  • 利用闭包实现封装私有变量。 即:es5是实现私有变量
class Example {
  constructor() {
    this._private = 'private';
  }
  getName() {
    return this._private
  }
}
 
var ex = new Example();
 
console.log(ex.getName()); // private
console.log(ex._private); // private

class Example {
  constructor() {
    this._private = 'private';
  }
  getName() {
    return this._private
  }
}
 
var ex = new Example();
 
console.log(ex.getName()); // private
console.log(ex._private); // private

猜你喜欢

转载自blog.csdn.net/HZ___ZH/article/details/115144227