第五章 web前端开发工程师--JavaScript高级程序设计 -5-2 JavaScript作用域和闭包

JavaScript作用域和闭包

 

本节课所讲内容:

  1. JavaScript 作用域
  2. JavaScript闭包

主讲教师:Head老师

一. JavaScript 作用域

块作用域花括号包裹起来的部分

for(var i=1;i<3;i++){

 

}

PS:javascript没有动态作用域

function f(){

alert(x);

}

function f(){

f()

var x=5;

}

f();

二.JavaScript闭包

闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见的方式,就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。

//通过闭包可以返回局部变量

function box() {

var user = 'Lee';

return function () { //通过匿名函数返回box()局部变量

return user;

};

}

alert(box()()); //通过box()()来直接调用匿名函数返回值

 

var b = box();

alert(b()); //另一种调用匿名函数返回值

使用闭包有一个优点,也是它的缺点:就是可以把局部变量驻留在内存中,可以避免使用全局变量。(全局变量污染导致应用程序不可预测性,每个模块都可调用必将引来灾难,所以推荐使用私有的,封装的局部变量)。

//通过全局变量来累加

var age = 100; //全局变量

function box() {

age ++; //模块级可以调用全局变量,进行累加

}

box(); //执行函数,累加了

alert(age); //输出全局变量

 

//通过局部变量无法实现累加

function box() {

var age = 100;

age ++; //累加

return age;

}

 

alert(box()); //101

alert(box()); //101,无法实现,因为又被初始化了

 

//通过闭包可以实现局部变量的累加

function box() {

var age = 100;

return function () {

age ++;

return age;

}

}

var b = box(); //获得函数

alert(b()); //调用匿名函数

alert(b()); //第二次调用匿名函数,实现累加

 

 

 

 

 

 

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/wgf5845201314/article/details/92076946