0

0

js中作用域与函数闭包实例讲解

小云云

小云云

发布时间:2018-03-07 10:58:48

|

1933人浏览过

|

来源于php中文网

原创

本文主要和大家分享js中作用域与函数闭包实例,1.作用域很简单,只是简单的点一下,js的作用域没有块级作用域,只有全局作用域与函数作用域;

例如:

if(true){

var a=100;

}

console.log(a);

在java或者c中大括号就是块外边是获取不到的,但是在js中是可以的,就相当于

var a;

if(true){

a=100;

}

这里的a就是全局作用域;凡是在函数外定义的变量都是全局作用域。

特例:

function  Loga(){

a=100

}

console.log(a);

这里的a也是可以获取到的,当在函数内部不带var 就直接声明变量时也是把父作用域当作作用域,但是不建议这么写,一般需要声明定义。

对于函数作用域通过字面理解就是定义在函数内部的变量就是在函数内部起作用;

函数作用域与全局作用域的区别是,函数作用域内可以调用全局作用域的变量并进行修改,但是全局作用域不能调用函数作用域内定义的变量,这里定义很关键(是不是修改),这里涉及到作用域链,就是变量依次可以访问父级作用域的变量,通俗讲就是从内向外可以访问但是从外向内是不可以访问的。

2.闭包

闭包的概念没有一个确切的说法,下面来说一下闭包的使用场景

a.函数作为返回值;

b.函数作为参数传递

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版
动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

下载

例子:

  function F1(){
    		var a=100
		return function(){
			console.log(a);//a是自由变量
		}
	}
	var a=200;
	var f=F1();
	f();

       

这是一个典型的闭包案例,返回值f为一个函数,执行环境是全局,但是生成环境是在F1中,这里函数的作用域就是F1,所以输出就是100;这里的a是自由变量,要去父作用域查找,就是F1.

第二中情况,函数作为参数传递

	function F1(){
		var a=100
		return function(){
			console.log(a);
		}
	}
	var a=200;
	var f=F1();
	function F2(fn){
		var a=300;
		fn();
	}
	F2(f);

很显然结果是一样的,理由同上,执行环境是F2,但是生成环境是F1,父作用域是F1,所以输出仍为100.

相关推荐:

js中的作用域链和原型链以及原型继承

JS作用域链和闭包实例分享

JavaScript作用域和闭包详解

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号